슬라이드 쇼 - 첫 번째 이미지로 돌아 가기

누군가이 슬라이드 쇼에 다른 버튼을 추가하여 슬라이드 쇼 중에 특정 시점의 첫 번째 이미지로 돌아 가게하는 방법을 알고 있습니까?슬라이드 쇼 - 첫 번째 이미지로 돌아 가기

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>

을 또한, 내장 된 애니메이션이 제 1 슬라이드 시도로 이동이를 계산하는 데 사용하려는 경우 ScrollAmount와 클릭 이벤트에 함수를 호출이 이제 정렬

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

출처

2011-05-02 15:31:48 pixelbobby

감사합니다. pixelbobby -하지만 작동하지 않는 것처럼 보일 수 있습니다. 링크를 클릭하면 빈 칸이 나옵니다. 따라서 '숨기기'가 작동하지만 '쇼'는 아닙니다. 어떤 아이디어? – Dave

슬라이드 쇼 - 첫 번째 이미지로 돌아 가기

답변

관련 문제