推特推动器传送带优化解决方案需要

Question

我有一个工作的引导传送带。而且我刚刚意识到，即使在用户看到图像之前，图像也会提前加载。我的问题是我有一个循环轮播列表。使我的页面加载缓慢。有没有办法只加载正在请求的图片？通过jquery？

Answer 1

一旦slid事件发生，您可以尝试设置'src'。

$(".carousel").bind("slid", function(){ 
$img = $(".active img", this) 
$img.attr("src", $img.data('lazy-load-src')) 
} 

随着HTML

<div class="carousel-inner"> 
    <div class="active item"><img data-lazy-load-src="/imgs/test.png"/></div> 
    <div class="item"><img data-lazy-load-src="/imgs/test2.png"/></div> 
    <div class="item"><img data-lazy-load-src="/imgs/test3.png"/></div> 
</div> 

我相信你会希望在侵略性设置在CSS您的项目容器的高度/宽度，因为浏览器将不加载图像。