幻燈片 - 返回到第一張圖片

沒有人知道如何添加另一個按鈕到這個幻燈片，使用戶回到幻燈片放映過程中的任何給定點的第一個圖像？幻燈片 - 返回到第一張圖片

http://www.switchonthecode.com/tutorials/jquery-creating-a-slideshow

任何幫助將非常感激。

謝謝！

來源

2011-05-02 Dave

現在這個排序，請參閱：

Return to 1st image on slideshow

...爲答案！

來源

2011-05-10 20:20:57 Dave

假設你在你提供的示例代碼以下，這樣的事情應該工作：

<script type="text/javascript> 
$(document).ready(function(){ 

    $('#btnGoFirstSlide').click(function(){ 
     //hide all 
     $('#slideshow-holder .slideshow-content').hide(); 

     //show the first one :) 
     $('#slideshow-holder .slideshow-content:eq(0)').show(); 
    }); 

}); 
</script> 
<body> 
    <div id="slideshow-area"> 
     <div id="slideshow-scroller"> 
     <div id="slideshow-holder"> 
      <div class="slideshow-content"> 
      <img src="eureka_small.jpg" /> 
      </div> 
      <div class="slideshow-content"> 
      <img src="wallace_gromit_small.jpg" /> 
      </div> 
      <div class="slideshow-content"> 
      <img src="dead_like_me_small.jpg" /> 
      </div> 
     </div> 
     </div> 
     <div id="slideshow-previous"></div> 
     <div id="slideshow-next"></div> 
    </div> 

    <a id="btnGoFirstSlide" href="#">Go to First Slide</a> 
</body>

另外，如果你想使用內置的動畫去第一張幻燈片嘗試計算ScrollAmount並調用click事件功能：

$("#slideshow-scroller").animate({scrollLeft: scrollAmount}, 1000);

來源

2011-05-02 15:31:48 pixelbobby

感謝pixelbobby - 但似乎無法讓它工作，我得到的是一個空白的輪播當我點擊鏈接 - 所以'隱藏'工作，但'秀'不是。有任何想法嗎？ – Dave 2011-05-03 20:56:47

幻燈片 - 返回到第一張圖片

回答

相關問題