Всем хорош плагин jQuery Lightbox, но при работе с ним возникла проблема. Предположим ситуацию — выводим категорию товаров, где каждый товар — блок и картинкой. Если ко всему этому делу прикрутить lightbox стандартной строкой
$('a[rel=lightbox]').lightBox();
то мы получим следующее — кликая по одному товару у нас откроется lightbox окно с картинкой товара. При этом мы получим не нужную возможность листать картинки других товаров на странице.
lightbox jquery без группировки
Нам же нужно сделать так, чтоб при клике на картинке товара открывалось окно с его крупной картинкой. И все. Без возможности смотреть картинки других товаров. Для этого достаточно нашу стандартную строку вызова lightbox заменить вот на это:
$('a[rel="lightbox"]').each(function() {
$(this).lightBox();
});
В итоге получим то, что нужно — у каждой картинки будет только одно окно с картинкой, без группировки.
lightbox jquery одно окно для картинки
Обратите внимание — в этом случае у нас нет возможности листать картинки — получили для каждой картинки свое окно. И никаких галерей.