jssor 모양을 트리거하는 이벤트를 만드는 방법은 무엇입니까?

Question

n div 이미지 자리 표시자를 사용하여 div가 다른 일반적인 HTML 페이지와 마찬가지로 내림차순 또는 하향식으로 읽히고, javascript를 div에 추가하거나 다른 위치에 자바 스크립트를 추가 할 수 있습니다. 페이지에서 슬라이드 div (애니메이션, 페이드 등) 내에서 무언가를 만들 수 있습니다.

문서가로드 될 때 문제가 발생합니다. javascript 함수를 "다시 트리거 가능"하게 만들어 표시 루프에 해당 슬라이드 (슬라이드 # 2라고 가정 해 봅시다)가 표시 될 때 호출되도록하려면 어떻게해야합니까?

충분히 명확하지 않은 경우 더 궁금한 점이 있으시면 언제든지 문의하십시오.

다음은 예입니다. Slide Show 첫 번째 슬라이드 모양에서 jQuery animate()를 사용하여 금메달을 슬라이드 가운데로 스크롤합니다. 슬라이드가 나타날 때마다가 아니라 한 번만이 작업을 수행합니다. 그 이유는 금메달 애니메이션 스크립트는 HTML 페이지가로드 될 때 한 번만로드되기 때문입니다. 슬라이드 # 1이 등장 할 때마다 금메달 애니메이션 스크립트를 반복해서 다시로드하고 싶습니다.

Answer 1

슬라이드 쇼 당신을 감사합니다, 슬라이드 0

 var jssor_slider1 = new $JssorSlider$(...; 

     function SlideshowEndEventHandler(slideIndex, progressBegin, slideshowBegin, slideshowEnd, progressEnd) { 
      if (slideIndex == 0) { 
       //runs the animation when slideshow plays over at slide 0 

       $("#goldmedal").animate({ 
        opacity: 0.99, 
        left: "+=490", 
        height: "toggle" 
       }, 2500, function() { 
        // Animation complete. 
        $("#goldmedal").animate({ opacity: 0.0 }, 4000, function() { 
         $("#goldmedal").css("left", "0px"); 
        }); 
       }); 
      } 
     } 

     jssor_slider1.$On($JssorSlider$.$EVT_SLIDESHOW_END, SlideshowEndEventHandler); 


     //As it would not play slideshow at the beginning for slide 0, make a manual trigger at the beginning then. 
     SlideshowEndEventHandler(0);