0

Здравствуйте, не силён в jquery, использую плагин фансибокс + зум увиличения, вопрос, как заставить работать этот плагин учитывая что на странице могут быть несколько таких галерей которые генерятся через цикл и могут быть 15 и 20 галерей,

4
  • в чем собственно проблема ? вы пробовали просто добавить вторую галерею ? сдается мне что нет jsfiddle.net/oceog/hbUh8/2
    – zb'
    22 мар 2013 в 15:05
  • Конечно пробовал, а вы проверяли что получилось? : ) По клацайте там, поймете.
    – dogmar
    22 мар 2013 в 15:36
  • elevateweb.co.uk/image-zoom/examples вот тут несколько галерей, посмотрите как сделано. я думаю они id меняют.
    – zb'
    22 мар 2013 в 15:52
  • у них там в числовом порядке от #zoom_1 до #zoom_10, на каждую галерею прописан скрипт, а у меня они будут генерироваться в цикле в неизвестном кол-ве, возможно ли сделать скрипт один универсальный который будет поддерживать множество галерей?
    – dogmar
    22 мар 2013 в 15:59

1 ответ 1

0

перебираем все .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;
    });

});

http://jsfiddle.net/oceog/hbUh8/3/

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.