2011-05-02 58 views

回答

1

假设你在你提供的示例代码以下,这样的事情应该工作:

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

+0

感谢pixelbobby - 但似乎无法让它工作,我得到的是一个空白的轮播当我点击链接 - 所以'隐藏'工作,但'秀'不是。有任何想法吗? – Dave 2011-05-03 20:56:47

相关问题