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

Question

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

$('.thumbnail').live('点击', function(){ var image_number = getNumber($(this).attr('id')); Galleria.ready（功能（选项）{ 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 });
    }
});