Показать сообщение отдельно
  #10 (permalink)  
Старый 31.05.2016, 14:29
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,127

pavlovskyA,

на всякий случай, не нужны ссылки и дополнительная инициализация fancybox, плюс показ галереи начинается с той большой картинки по которой кликнули.
$(function() {
    $(".img").each(function(indx, el) {
        var img = $(el).next().find("img");
        var index = 0;
        img.on("click", function() {
            index = img.index(this);
            $("img", el)[0].src = $("a", el)[0].href = this.src
        });
        var map = $.map(img, function(el) {
            return {
                href: el.src
            }
        });
        $(el).click(function(event) {
            event.preventDefault();
            $.fancybox(map, {
                index: index,
                "titleFormat": function(title, currentArray, currentIndex, currentOpts) {
                    return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + " / " + currentArray.length + (title.length ? " &nbsp; " +
                        title : "") + "</span>"
                }
            })
        })
    })
});
Ответить с цитированием