-1

我是 Javascripting 的新手，所以请多多包涵，这是我的问题：

这是有问题的网站：http: //jemmarieann.com/flipbookslideshow/marcbuils-Flippage-c46f6d1/exemples/exemples3.html

所以我使用了这个预制的 Jquery： http: //marcbuils.github.io/Flippage/

  1. 问题是要翻页，您必须单击我想要的图像，以便图像每 3-5 秒左右自动翻转一次。

    我能够做的是自动将第 1 页翻到第 2 页，但在那之后没有任何反应。我很确定我错过了很多，因为我是新手。

  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>
4

1 回答 1

0

我已经检查了插件及其功能，我想你需要自动触发下一个选项。

我这样做

setTimeout(check, 1000); // trigget check function every 1 sec
function check()
{
    $('#exemples').trigger('next');
}
于 2013-05-10T13:52:48.063 回答