2011-04-22 153 views
0

我有網頁,這個網站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));
但是當幻燈片完成時幻燈片將停止。那麼是否有一種方法可以在滑動方向上連續開始滑動。

+1

@source代碼:儘量減少'delay'變量值說2000套'延遲= 2000' – 2011-04-22 06:48:16

+0

@ SM09: delaya時間是幻燈片變化之間的時間不是啓動延遲時間。 – 2011-04-22 07:14:21

+0

那麼你不應該在準備功能轉移設置的時間間隔,而不是把它叫做沒有的setInterval像 '移();'代替'的setTimeout(「移()」,延遲);' – 2011-04-22 07:26:38

回答

0

您可以設置的項目數爲5:

var count = 5; 

將其設置爲2,因爲只有2項動畫。

您還可以設置動態的$(文件)。就緒:

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

其實我想從MySQL表動態地提取數據。所以你可以請你解釋你的最後一行代碼,我試過但不能得到它。 – 2011-04-22 09:38:04

+1

最後一行代碼是一個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

+0

感謝David解釋 – 2011-04-22 20:58:31