javascript - 想要将自动播放设置添加到响应式图片库。

Question

我已经添加了这个图片库 http://tympanus.net/codrops/2011/09/20/responsive-image-gallery/到我正在处理的网站。完美运行，唯一的问题是没有自动播放幻灯片的选项。

http://www.debellephotography.com/debelleslide/

如有任何帮助，我们将不胜感激!

Answer 1

我在这里和那里拼凑了一些零碎的东西，并想出了一个方法来做到这一点，感谢您的帮助。

var t;
var timer_is_on=0;

function timedCount()
{
$('.rg-image-nav-next').click()
t=setTimeout("timedCount()",1000);
}

function doTimer()
{
if (!timer_is_on)
{
timer_is_on=1;
timedCount(1000);
}
}

function stopCount()
{
clearTimeout(t);
timer_is_on=0;
} 

timeCount 函数每 1 秒激活下一张图像。 doTimer 函数防止定时器被多次激活。 stopCount 函数允许暂停幻灯片。

然后我添加了两个按钮来暂停和播放:

<div class="playbutton"><a href="javascript:doTimer();"><img src="images/play.png" width="24" height="24" alt="Play"></a></div>
<div class="pausebutton"><a href="javascript:stopCount();"><img src="images/pause.png" width="24" height="24" alt="Pause"></a></div>

你可以看到它在这里工作:example with autoplay