如何解决这个jQuery问题

我有网页，这个网站jQueryClick here to see 代码如何解决这个jQuery问题

<script type="" src="http://code.jquery.com/jquery-1.5.js" ></script>

<script type="text/javascript"> 
     var delay = 4000; // you can change it 
     var count = 5; // How much items to animate 
     var showing = 3; //How much items to show at a time 
     var i = 0; 
     function move(i) { 
     return function() { 
      $('#feed'+i).remove().css('display', 'none').prependTo('#feeds'); 
     } 
     } 
     function shift() { 
     var toShow = (i + showing) % count; 
     $('#feed'+toShow).slideDown(1000, move(i)); 
     $('#feed'+i).slideUp(1000, move(i)); 
     i = (i + 1) % count; 
     setTimeout('shift()', delay); 
     } 
     $(document).ready(function() { 
     setTimeout('shift()', delay); 
     }); 
    </script> 
    </head> 
<body> 
    <div id="container"> 
     
      <div class="slider">Wait for just 4 seconds...! 
      <div class="sliding"><div id="feeds"> 
<div class="item" id="feed0" style="display: none;"><img alt="image" src="http://www.flashdaweb.com/blog/wp-content/uploads/2008/10/website_development_program.jpg" width="125" height="100"></div><div class="info">hello this is me</div></div> 
<div class="item2" id="feed1" style="display: none;"><div class="thumbnail1"><img alt="image" src="http://www.esellswebdesign.com/wp-content/uploads/2008/08/designing-a-fast-loading-website.jpg" width="125" height="100"></div><div class="info1">hello </div></div> 
</div></div>

现在来朝的问题。我是jQuery的新手，这就是为什么我的问题可能是愚蠢的。
1：当网页加载它为什么需要这么多的时间来开始滑动。
2：滑动完成后，它以相反的顺序开始，即它在这条线的最后滑动到最后我评论

$('#feed'+i).slideUp(1000, move(i));

但是当幻灯片完成时幻灯片将停止。那么是否有一种方法可以在滑动方向上连续开始滑动。

来源

2011-04-22 souce code

@source代码：尽量减少'delay'变量值说2000套'延迟= 2000' – 2011-04-22 06:48:16

@ SM09： delaya时间是幻灯片变化之间的时间不是启动延迟时间。 – 2011-04-22 07:14:21

那么你不应该在准备功能转移设置的时间间隔，而不是把它叫做没有的setInterval像 '移（）;'代替'的setTimeout（“移（）”，延迟）;' – 2011-04-22 07:26:38

您可以设置的项目数为5：

var count = 5;

将其设置为2，因为只有2项动画。

您还可以设置动态的$（文件）。就绪：

count=$('#feeds div[id^="feed"]').length;

来源

2011-04-22 07:59:10

其实我想从MySQL表动态地提取数据。所以你可以请你解释你的最后一行代码，我试过但不能得到它。 – 2011-04-22 09:38:04

最后一行代码是一个jQuery选择器。它用'feeds'的'id'查找一个元素的内部，*用'id'开始查找那些'div's'字符串'feed'。这会返回一组jQuery对象。 'length'方法只返回选择器找到的元素的数量。参考：[attribute-starts-with（'^ ='）selector]（http://api.jquery.com/attribute-starts-with-selector/）和['.length']（http：// api .jquery.com /长度/）。 – 2011-04-22 09:52:49

感谢David解释 – 2011-04-22 20:58:31

如何解决这个jQuery问题

回答

相关问题