lazyImageReady(swiper, slideEl, imageEl)
回调函数,图片延迟加载结束时执行。slide中每有一张图片被延迟加载就执行一次。接受延迟加载的slide,延迟加载的img作为参数(可选)。
lazyImageReady(swiper, slideEl, imageEl)信息
- 类型:
- function
- 启用版本:
- 4.0.0
效果演示
图片完成加载时才显示文字使用方法示例
从Swiper7开始,容器默认类名由'.swiper-container'变更为'.swiper'。
<script language="javascript">
var mySwiper = new Swiper('.swiper',{
on:{
lazyImageReady: function(swiper, slideEl, imageEl){
console.log(slideEl);//哪个slide里面的图片加载了,返回slide的DOM
console.log(imageEl);//哪个图片加载了,返回图片的DOM
//图片完成加载时才显示文字
lazyLoadText=slideEl.querySelectorAll('.text');
for( var i = 0 ; i < lazyLoadText.length ; i++ ){
lazyLoadText[i].style.display = "block";
}
}
}
})
</script>
<style>
.text{
display: none;
}
<style>
转载原创文章请注明:文章转载自:Swiper中文网 [https://www.swiper.com.cn]
本文地址:https://www.swiper.com.cn/api/lazy/235.html