Lightbox jquery — убрать группировку изображений.

Всем хорош плагин jQuery Lightbox, но при работе с ним возникла проблема. Предположим ситуацию — выводим категорию товаров, где каждый товар — блок и картинкой. Если ко всему этому делу прикрутить lightbox стандартной строкой


$('a[rel=lightbox]').lightBox();

то мы получим следующее — кликая по одному товару у нас откроется lightbox окно с картинкой товара. При этом мы получим не нужную возможность листать картинки других товаров на странице.

lightbox jquery без группировки

lightbox jquery без группировки

Нам же нужно сделать так, чтоб при клике на картинке товара открывалось окно с его крупной картинкой. И все. Без возможности смотреть картинки других товаров. Для этого достаточно нашу стандартную строку вызова lightbox заменить вот на это:


$('a[rel="lightbox"]').each(function() {
$(this).lightBox();
});

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

lightbox jquery одно окно для картинки

lightbox jquery одно окно для картинки

Обратите внимание — в этом случае у нас нет возможности листать картинки — получили для каждой картинки свое окно. И никаких галерей.

Меток нет. Похожие записи
Запись опубликована в рубрике Javascript. Добавьте в закладки постоянную ссылку.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>