2017-05-10 3 views
1

iframe이있는 슬라이드 쇼를 빌드하는 데 Jssor를 사용하고 있습니다. 각 Iframe에는 자동 재생 기능이 포함 된 동영상이 있습니다 (과장 광고를 통해 제작 됨). 그것을 만들기 위해 jssor의 공간에서 슬라이드 쇼를 만든 다음 jquery로 내 보낸 다음 코드에서 이미지 div와 iframe을 교체합니다. 내 문제 : iframe을 사용하여 지연로드를 만드는 방법은 무엇입니까? 이후로 scr2에 의해 scr2를 대체해야하지만, iframe과 함께 이미지를 사용하게 만들기 위해 ... 도움을 주셔서 감사합니다. 동영상을 재생할 수없는 경우 모든 Iframe에 동시에 동영상이로드되고 재생 속도가 느려집니다. 슬라이드 쇼가 표시됩니다. http://www.expo.martincoiffier.com/belle_ile-CINEMAGRAPHS-jquery/iframe 용 Jssor 게으른로드

+0

와우, 좋은 직장! – jssor

답변

0

iframe에 대해 src 속성을 비워 둘 수 있다고 생각합니다. 요소를 두 번째 슬라이드에 넣고 $JssorSlider$.$EVT_PARK 이벤트를 수신 한 다음 슬라이드가 나온 후 src 특성을 설정합니다.

jssor_slider1.$On($JssorSlider$.$EVT_PARK,function(slideIndex,fromIndex) { 
    if(slideIndex == 1) { //the second slide parks at the view 
     //set src attribute for iframe elements in the second slide 
    } 
}); 

참조 : http://www.jssor.com/development/reference-api.html