iDangero.us Swiper -处理大型图像集
iDangero.us Swiper -处理大型图像集
提问于 2013-07-16 09:07:26
在我的模板中，我生成了iDangero.us "Swiper“幻灯片：
<body>
<div class="swiper-wrapper">
<div class="swiper-slide"><img src="..."></div>
<div class="swiper-slide"><img src="..."></div>
<div class="swiper-slide"><img src="..."></div>
... (image n)
</div>
<script>
$(function() {
// initialize swiper
})
</script>
</body>这是可行的，但是当我加载大约100张图片(总共大约5MB的图片数据)时，幻灯片可能需要15秒才能“吸引注意力”(也就是说)。在此之前，它会将图像堆叠在另一个之上(当它们都加载时)。一旦它们被加载，它就能正常工作。我希望它保持“折叠”状态，即使图像正在加载。
有没有办法在Swiper的初始化代码中做到这一点？还有--有没有其他方法可以直接使用javascript/css呢？
谢谢
回答 1
Stack Overflow用户
发布于 2013-08-09 15:20:26
尝试一下imagesLoaded (https://github.com/desandro/imagesloaded)。监听done/always事件，然后初始化您的swiper。
imagesLoaded(".swiper-wrapper").on("done", function() {
// Initialize swiper
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/17666436
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号