Fatal编程技术网
  • javascript/
  • Javascript 转换动画书滑块使其循环+；如果有可能使其具有响应性

Javascript 转换动画书滑块使其循环+；如果有可能使其具有响应性

javascript jquery loops

Javascript 转换动画书滑块使其循环+；如果有可能使其具有响应性,javascript,jquery,loops,slider,page-flipping,Javascript,Jquery,Loops,Slider,Page Flipping,我是Javascripting的新手，所以请耐心听我说，我的问题是： 以下是相关网站： 所以我使用了这个预制Jquery： 问题是要翻页，你必须单击我想要的图像，这样图像每隔3-5秒左右自动翻转一次 我能做的是自动将第一页翻到第二页，但之后什么也没发生。我很确定我错过了很多，因为我是个新手 在的帮助下，我可以使它自动翻转，但当它到达最后一个图像时，它会停止。我如何使它返回到第一个图像并循环 <script type="text/javascript"> set

我是Javascripting的新手，所以请耐心听我说，我的问题是：

以下是相关网站：

所以我使用了这个预制Jquery：

  • 问题是要翻页，你必须单击我想要的图像，这样图像每隔3-5秒左右自动翻转一次

    我能做的是自动将第一页翻到第二页，但之后什么也没发生。我很确定我错过了很多，因为我是个新手

  • 在的帮助下，我可以使它自动翻转，但当它到达最后一个图像时，它会停止。我如何使它返回到第一个图像并循环

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

    
设置间隔（检查，1000）；//每1秒触发检查功能
函数检查（）
{
变量$nextItem=$（'.examples.active'）
.trigger（'next'）
.removeClass（'活动'）
.next（'.examples'）；
如果（$nextItem.length==0）$nextItem=$（'.examples'）.first（）；
$nextItem.trigger（'next'）.addClass（'active'）；
};
    • 这是密码

    <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');
}
    我试过了，结果也一样，仅从图像1翻转到图像2。好的，通过使用setInterval而不是setTimeout，使其工作。问题现在正在使幻灯片循环编辑问题我希望我现在要做的更清楚：）@Kitsu：问题的具体状态是什么？我仍然不知道如何使动画循环。。。感谢您，它部分得到了回答，但我仍然没有找到如何循环它的方法，如果有什么方法可以让jquery响应。。。