幻灯片 - 返回到第一张图片

没有人知道如何添加另一个按钮到这个幻灯片，使用户回到幻灯片放映过程中的任何给定点的第一个图像？幻灯片 - 返回到第一张图片

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

幻灯片 - 返回到第一张图片

回答

相关问题