2 2013-04-28 04:23:52 (2013-04-28 04:27:45 отредактировано sergeyterr)
Re: Увеличение изображений на сайте
да это плагин лайтбокс он открывает в лайтбоксе любую картинку заключенную в тег <a></a> и ведущую либо на себя либо на увеличенную себя. Однако до последней монстры (вернее до нового jq) этот плагин еще не обновили. Он использует colorbox и fancybox - я скачивал последний колорбох и менял файлы скриптов в плагине, тогда заработало. Вот пример на новой монстре - пример Правда они позакачивали маленькие картинки, поэтому и выводятся такими.
Re: Увеличение изображений на сайте
Скинь пожалуйста свой обновлённый плагин, про который ты говоришь, чтобы не пришлось в нём что-нибудь заменять, переписывать и допиливать? Буду очень благодарен.
Re: Увеличение изображений на сайте
Возьми оригинал и подключи старую версию jquery и не нужно ждать никаких обновлений.
Re: Увеличение изображений на сайте
Возьми оригинал и подключи старую версию jquery и не нужно ждать никаких обновлений.
Оригинал чего ?
Re: Увеличение изображений на сайте
Оригинал чего ?
он имеет в виду лайтбокса. Сейчас пороюсь по поводу измененного плагина, он на сайте заказчика
Re: Увеличение изображений на сайте
sergeyterr там не нужно создавать превью для каждого изображения ? Просто хочется, чтобы ко всем изображениям на сайте применялось это дело.
Re: Увеличение изображений на сайте
sergeyterr там не нужно создавать превью для каждого изображения ? Просто хочется, чтобы ко всем изображениям на сайте применялось это дело.
ОффТоп конечно
Но объясните нафига вам в лайтбокс заворачивать все картинки?!
Лого на сайте повесите и оно тоже должно увеличиваться?!
На то он и фотосток что можно как отдельные картинки заворачивать, так и целые галереи.
И это очень удобно.
Re: Увеличение изображений на сайте
Саша - лайтбокс увеличивает ссылку на изображение а не само изображение, извини я не встречал, чтобы логотип ссылался сам на себя. А фотосток я често и не тестировал.
Re: Увеличение изображений на сайте
Саша - лайтбокс увеличивает ссылку на изображение а не само изображение, извини я не встречал, чтобы логотип ссылался сам на себя. А фотосток я често и не тестировал.
а что тут трудного то?
в теге img указываем высоту и ширину и обертываем в ссылку на исходное изображение.
Плагины распространяются по Creative Commons Attribution-NonCommercial 3.0
Re: Увеличение изображений на сайте
[img]а что тут трудного то?[/img]
так я и не говорил, что трудно, я говорю, что плагин лайтбокса не увеличивает изображение если оно не в ссылке, поэтому его опасения по поводу логотипа или каких других изображений на сайте не требующих увеличения - беспочвенны.
13 2013-04-29 02:04:09 (2013-04-29 02:15:49 отредактировано Модест)
Re: Увеличение изображений на сайте
Ну так что с плагином, господа ? Чтобы установил и дело в шляпе, без over90000 настроек и предварительных ручных приготовлений. Можно сделать при помощи :hover без плагинов. Работает даже в IE6. Возможно кому-нибудь пригодится.
Re: Увеличение изображений на сайте
Вопрос был неправильно понят. Я сейчас ковыряю лайтбокс, но то, что показываете Вы действительно реализуется без плагинов - на css.
15 2013-04-29 06:43:40 (2013-04-29 06:45:26 отредактировано Модест)
Re: Увеличение изображений на сайте
Это было сделано от безысходности. Я вчера смотрел самые используемые плагины для увеличения изображений на сайте, но все они требовали или указывать свой класс в каждом изображении, или делать превью для каждого изображения. И в связи с этим встал вопрос - неужели нет плагина, который тупо увеличивает (как fancybox, например) все изображения на сайте без плясок с дополнительными классами и превьюшками.
16 2013-04-29 07:02:50 (2013-04-29 07:05:43 отредактировано olsv64)
Re: Увеличение изображений на сайте
а fancybox, по-вашему, миниатюры не использует?
если хотите можете просто использовать скрипт с этого сайта http://u-la-la.ru/
наведите на изображение в анонсе, оно и расползется
<script type="text/javascript"> $(function(){ $('article p img').hover(function(){ $(this).stop().animate({width:"260px",left:"0px",top:"0px"}, 400); }, function(){ $(this).stop().animate({width:"160px",left:"0px",top:"0px"}, 400); }); }); </script>
jQuery не забудьте подключить
17 2013-04-29 11:57:15 (2013-04-29 12:01:35 отредактировано Модест)
Re: Увеличение изображений на сайте
Когда я упоминал о fancybox, я имел ввиду, что он открывает изображение в новом окне, а не то, что он не использует миниатюры. И относительно твоего примера с расползанием. Нельзя сделать, чтобы расползание не затрагивало текст, увеличиваясь отдельно от него? И в чём преимущество скрипта перед :hover через css? Никакой разницы?
18 2013-04-29 12:59:54 (2013-04-29 13:20:40 отредактировано olsv64)
Re: Увеличение изображений на сайте
:hover слишком резко увеличивает размер изображения, вот и вся разница, но именно это как раз и не позволяет, мне например, его использовать, по поводу не затрагивания текста...изучайте css дальше
где это fancybox открывает изображение в новом окне? http://www.fancybox.net/
и, кстати, помнится, в ие6 img:hover не работало, я уже года два с ним не работаю, может чего забыл
Re: Увеличение изображений на сайте
где это fancybox открывает изображение в новом окне?
Нет ?
Re: Увеличение изображений на сайте
это называется модальное окно, я думал вы имеете ввиду новое окно браузера так многие галереи используют модальные окна
Re: Увеличение изображений на сайте
в css3 уже давно реализовано плавное изменение
-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;
не работает тоько в ие
22 2013-04-29 15:37:07 (2013-04-29 15:37:49 отредактировано Модест)
Re: Увеличение изображений на сайте
это называется модальное окно...
Вот теперь мы подобрались к самой сути. Есть ли какой-нибудь плагин, который открывает изображение в модальном окне и не требует при этом предварительной подготовки ссылки, например rel='bla bla bla' или class='bla bla bla' и, самое главное, без миниатюр типа:
<a href="dick_big.jpg" rel="lightbox"><img height="150" width="100" src="dick_small.jpg"></a>
То есть делаешь обычное кликабельное изображение без дополнительных плясок:
<a href="/dick.png"><img src="/dick.png"></a>
и при клике на нём открывается модальное окно. Можно это организовать?
Re: Увеличение изображений на сайте
Можно, но это ламерский метод.
Если картинки будут у вас большие то это серьезно замедлит время загрузки сайта.
Плагины распространяются по Creative Commons Attribution-NonCommercial 3.0
Re: Увеличение изображений на сайте
Можно.
Объясните как, пожалуйста.
Re: Увеличение изображений на сайте
Ну я бы не согласился, что это ламерский способ....