javascript - Galleria 起始图片滑回第一张图片

Question

我在我的网站上使用 Galleria 图片库。问题是:当我第一次运行 galleria 时，初始图像不是第一个，Galleria 会显示初始图像，然后滑回第一个图像。当我更多地点击大拇指时，Galleria 行为正确，所以这只发生在第一次。这是我用来初始化 galleria 的代码:

$('.thumbnail').live('click', function(){               var image_number = getNumber($(this).attr('id'));            Galleria.ready(function(options) {                this.show(image_number);            });            Galleria.run('#galleria');            $('#galleria_frame').show();               });

getNumber 是我的函数，它返回图库中的图像数量，第一张图像的编号为 0，第二张图像的编号为 1，依此类推。
我的错误在哪里？为什么当我第一次点击 .thumbnail 时，galleria 会滑回第一张图片？

Answer 1

您的代码有几个问题。

1) 您正在多次初始化 Galleria(每次单击缩略图时)

2) 您正在向 ready 事件添加多个监听器，每次您告诉 galleria 在加载时显示不同的图像。

试试这个:

$('.thumbnail').live('click', function(){   
    var image_number = getNumber($(this).attr('id')),
        instance = $('#galleria').data('galleria');

    // if Galleria already loaded, just show the index:
    if (instance) {
        instance.show(image_number);
    } else {
    // else fire up Galleria and pass the index as an option
        $('#galleria_frame').show();
        Galleria.run('#galleria', { show: image_number });
    }
});