我是一个javascript新手,所以请原谅我,这是我的问题:
这是有问题的网站:http://jemmarieann.com/flipbookslideshow/marcbuils-Flippage-c46f6d1/exemples/exemples3.html
所以我使用了这个预制的Jquery: http://marcbuils.github.io/Flippage/问题是要翻一页,你必须点击我想要的图像,所以图像每3-5秒左右自动翻转。
我能做的是自动把第1页翻到第2页,但之后什么也没发生。
我可以让它在dreamweiver的帮助下自动翻转但是当它到达最后一张图像时它就停止了我怎么让它回到第一张图像并循环?
<script type="text/javascript"> setInterval(check, 1000); // trigger check function every 1 sec function check() { var $nextItem = $('.exemples.active') .trigger('next') .removeClass('active') .next('.exemples'); if ($nextItem.length == 0) $nextItem = $('.exemples').first(); $nextItem.trigger('next').addClass('active'); }; </script>
正文代码
<body>
<div>
<div id="wrapper">
<div class="exemples">
<div><img src="img/1.jpg" style="margin-left: 0px;" /></div>
<div><img src="img/1.jpg" style="margin-left: -683px;" /></div>
<div><img src="img/FA_WEB1B.jpg" style="margin-left: 0px;" /></div>
<div><img src="img/FA_WEB1B.jpg" style="margin-left: -683px;" /></div>
<div><img src="img/2.jpg" style="margin-left: 0px;" /></div>
<div><img src="img/2.jpg" style="margin-left: -683px;" /></div>
<div><img src="img/front.jpg" style="margin-left: 0px;" /></div>
<div><img src="img/front.jpg" style="margin-left: -683px;" /></div>
<div><img src="img/3.jpg" style="margin-left: 0px;" /></div>
<div><img src="img/3.jpg" style="margin-left: -683px;" /></div>
<div><img src="img/lopulent5.jpg" style="margin-left: 0px;" /></div>
<div><img src="img/lopulent5.jpg" style="margin-left: -683px;" /></div>
</div>
</div>
<div><a href="#" onClick="$('.exemples:eq(0)').trigger('previous'); return false;">Previous</a> - <a href="#" onClick="javascript:$('.exemples:eq(0)').trigger('next'); return false;">Next</a></div>
</div>
</body>
我已经检查了插件和它的功能,我猜你需要自动触发下一个选项。
我是这样做的
setTimeout(check, 1000); // trigget check function every 1 sec
function check()
{
$('#exemples').trigger('next');
}