onLazyImageReady(swiper, slide, image)
回调函数,图片延迟加载结束时执行。slide中每有一张图片被延迟加载就执行一次。接受Swiper实例,延迟加载的slide,延迟加载的img作为参数(可选)。
onLazyImageReady(swiper, slide, image)参数
- 启用版本:
- 3.04
效果演示
图片完成加载时才显示文字使用方法示例
<script language="javascript">
var mySwiper = new Swiper('.swiper-container',{
onLazyImageReady: function(swiper, slide, image){
alert('延迟加载图片完成');
console.log(swiper);//Swiper实例
console.log(slide);//哪个slide(DOM)里面的图片加载完成
console.log(swiper.$(slide).index());//哪个slide(索引)里面的图片加载完成
console.log(image);//哪个图片加载完成
lazyLoadText=slide.querySelectorAll('.text');
for( var i = 0 ; i < lazyLoadText.length ; i++ ){
lazyLoadText[i].style.display = "block";
}
}
})
</script>
<style>
.text{
display:none;
}
<style>
转载原创文章请注明:文章转载自:Swiper中文网 [https://3.swiper.com.cn]
本文地址:https://3.swiper.com.cn/api/callbacks/2015/0308/235.html