停止Galleria循环播放幻灯片

时间:2011-12-14 07:40:42

标签: javascript jquery slideshow galleria

我有最新版本的Galleria(1.2.6),我正在使用经典主题和Picasa插件。我已经在自动播放中设置了幻灯片,但我想在播放所有图像后停止播放幻灯片。此外,我希望Galleria停止/返回第一张图片 - 有没有办法做到这一点?

请帮助,谢谢。

1 个答案:

答案 0 :(得分:3)

您应该在加载图库后添加此代码:

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>