[Закрыто] Увеличение изображений на сайте (Страница 1 из 3)

да это плагин лайтбокс он открывает в лайтбоксе любую картинку заключенную в тег <a></a> и ведущую либо на себя либо на увеличенную себя. Однако до последней монстры (вернее до нового jq) этот плагин еще не обновили. Он использует colorbox и fancybox - я скачивал последний колорбох и менял файлы скриптов в плагине, тогда заработало. Вот пример на новой монстре - пример Правда они позакачивали маленькие картинки, поэтому и выводятся такими.

Спасибо говорим плюсиком в репутацию. Так виднее

Возьми оригинал и подключи старую версию jquery и не нужно ждать никаких обновлений.

он имеет в виду лайтбокса. Сейчас пороюсь по поводу измененного плагина, он на сайте заказчика

Спасибо говорим плюсиком в репутацию. Так виднее

ОффТоп конечно
Но объясните нафига вам в лайтбокс заворачивать все картинки?!
Лого на сайте повесите и оно тоже должно увеличиваться?!
На то он и фотосток что можно как отдельные картинки заворачивать, так и целые галереи.
И это очень удобно.

Да у нашего модератора какой-то батхерт на счет этого лайтбокса, тему с плагином прикрыл и обсырает его где только можно.

[img]а что тут трудного то?[/img]
так я и не говорил, что трудно, я говорю, что плагин лайтбокса не увеличивает изображение если оно не в ссылке, поэтому его опасения по поводу логотипа или каких других изображений на сайте не требующих увеличения - беспочвенны.

Спасибо говорим плюсиком в репутацию. Так виднее

Вопрос был неправильно понят. Я сейчас ковыряю лайтбокс, но то, что показываете Вы действительно реализуется без плагинов - на css.

Спасибо говорим плюсиком в репутацию. Так виднее

а 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 не забудьте подключить

:hover слишком резко увеличивает размер изображения, вот и вся разница, но именно это как раз и не позволяет, мне например, его использовать, по поводу не затрагивания текста...изучайте css дальше
где это fancybox открывает изображение в новом окне? http://www.fancybox.net/
и, кстати, помнится, в ие6 img:hover не работало, я уже года два с ним не работаю, может чего забыл

это называется модальное окно, я думал вы имеете ввиду новое окно браузера так многие галереи используют модальные окна

Вот теперь мы подобрались к самой сути. Есть ли какой-нибудь плагин, который открывает изображение в модальном окне и не требует при этом предварительной подготовки ссылки, например 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>

и при клике на нём открывается модальное окно. Можно это организовать?

Объясните как, пожалуйста.