iframe的Jssor延迟加载

时间:2017-05-10 08:30:24

标签: iframe lazy-loading jssor

我正在使用Jssor构建一个包含iframe的幻灯片。在每个Iframe中都有一个带有自动播放的视频(通过炒作建立)。为了实现它,我在jssor中在我的空间上构建幻灯片,然后在jquery中导出它,然后在代码中替换图像div与iframe。我的问题:如何使延迟加载与iframe一起使用?既然要使它与图像一起工作,我需要用scr2替换scr,但是用iframe?... 感谢您的帮助。如果我无法使其正常工作,所有同时加载视频的iframe会减慢节目...在那里你可以看到幻灯片:http://www.expo.martincoiffier.com/belle_ile-CINEMAGRAPHS-jquery/

1 个答案:

答案 0 :(得分:0)

我认为您可以将src属性设置为第二张幻灯片中的iframe元素为空,并听取$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