Здравствуйте, не силён в jquery, использую плагин фансибокс + зум увиличения, вопрос, как заставить работать этот плагин учитывая что на странице могут быть несколько таких галерей которые генерятся через цикл и могут быть 15 и 20 галерей,
-
в чем собственно проблема ? вы пробовали просто добавить вторую галерею ? сдается мне что нет jsfiddle.net/oceog/hbUh8/2– zb'22 мар 2013 в 15:05
-
Конечно пробовал, а вы проверяли что получилось? : ) По клацайте там, поймете.– dogmar22 мар 2013 в 15:36
-
elevateweb.co.uk/image-zoom/examples вот тут несколько галерей, посмотрите как сделано. я думаю они id меняют.– zb'22 мар 2013 в 15:52
-
у них там в числовом порядке от #zoom_1 до #zoom_10, на каждую галерею прописан скрипт, а у меня они будут генерироваться в цикле в неизвестном кол-ве, возможно ли сделать скрипт один универсальный который будет поддерживать множество галерей?– dogmar22 мар 2013 в 15:59
Добавить комментарий
|
1 ответ
перебираем все .zoom_03, галерею берем как next(), видимо это ограничение плагина, что туда надо именно id вставлять, иначе вообще красиво сделать можно было-бы (без того чтобы при генерации страницы id приделывать к галерее)
$(document).ready(function () {
$(".zoom_03").each(function () {
var $this = $(this);
var galery = $this.next().attr('id');
$this.elevateZoom({
gallery: galery,
cursor: 'pointer'
})
});
$(".zoom_03").bind("click", function (e) {
var ez = $(this).data('elevateZoom');
$.fancybox(ez.getGalleryList());
return false;
});
});