자바 스크립트 슬라이더가 첫 번째 프레임 건너 뛰기 - 프로토 타입

Question

프로토 타입 슬라이더를 사용 중이고 최종 슬라이드를 치면 슬라이더가 다시 시작되지만 시작 이미지는 건너 뜁니다.

누군가 내 코드를 살펴볼 수 있습니까?

내 HTML :

<div id="carousel-wrapper"> 
<div id="carousel-content"> 
<div id="slide1" class="slide" > 
<div >Slide 1</span></div> 
<div id="slide2" class="slide" > 
<div >slide 2</span></div> 
<div id="slide3" class="slide" > 
<div >Slide 3</span></div> 
<div id="slide4" class="slide" > 
<div >Slide 4</span></div> 
</div> 
</div> 
</div> 
<script type="text/javascript">// <![CDATA[ 
      Slider = new Carousel($('carousel-wrapper'), $$('#carousel-wrapper .slide'), $$(' a.carousel-jumper', 'a.carousel-control'), { duration: 0.5, auto: true, frequency: 5, circular: 'false', effect: 'slide', wheel: 'false', selectedClassName: 'selected'}); 
// ]]></script> 

내 CSS :

#carousel-wrapper { 
width: 785px; 
height: 540px; 
overflow: hidden; 
} 
#carousel-content { 
width: 3640px; 
} 
.cms-page-view .breadcrumbs {display:none;} 
#carousel-content .slide { 
float: left; 
width: 785px; 
height: 540px; 
} 
div#slide1{background-image:url("slide-1.jpg");} 
div#slide2{background-image:url("slide-2.jpg");} 
div#slide3{background-image:url("slide-3.jpg");} 
div#slide4{background-image:url("slide-4.jpg");} 

는 다시, 이것은 젠토 기반 사이트에서 프로토 타입 라이브러리를 사용하고 있습니다.

URL은 집에

Answer 1

/wwwdotlylifdotcom 인 Carousel widget이 명령이 추가 : 마지막/첫 번째 슬라이드에 도달 할 기본 호출 이전으로

/아무것도하지 않습니다 다음. 효과를 계속하려면 두 가지를 수행해야합니다. 원형 매개 변수를 true로 설정하고 HTML의 첫 번째 슬라이드를 복제합니다. 그것은 지속적인 운동의 인상을주는 유일한 방법입니다.

"슬라이드 4"다음에 "슬라이드 1"의 추가 사본을 추가해야합니다.