停止Galleria循环滑行

Question

我有最新版本的Galleria (1.2.6)，我使用经典主题与Picasa插件。我已经将幻灯片设置为自动播放，但是我希望幻灯片在播放完所有图像后停止。另外，我想让Galleria停止/返回到第一张图片--有什么方法可以做到吗？

帮帮忙，谢谢。

Answer 1

您应该在加载库后添加以下代码：

var gallery = Galleria.get(0)

var totalImages = parseInt(gallery.$('total').html());

gallery.bind("loadfinish", function(e) {
    if (e.index == 0 || e.index == totalImages - 1) {
        gallery.pause();
    }
});

它首先获得图库(假设页面中只有一个图库)和图像总数。然后，每次加载图像时，检查图像是第一个还是最后一个，如果是，则暂停图库。

编辑：

在js加载到<script>标记中之后，您应该添加这个脚本：

// Note .js names might be different in your page
<script type="text/javascript" src="galleria-1.2.5.js"></script>
<script type="text/javascript" src="galleria.classic.theme.js"></script>
<script type="text/javascript" src="galleria.picassa.js"></script>

<script type="text/javascript">
    // Above code here...
</script>