我有我的网页上的bootstrap轮播,我希望它是懒惰的负载.我在互联网上找到了这段代码:
$("#myCarousel").bind("slid", function(){
$img = $(".active img", this);
$img.attr("src", $img.data('lazy-load-src'));
});
Run Code Online (Sandbox Code Playgroud)
这会导致轮播在单击下一个按钮(或上一个)按钮时"加载"当前图像.我希望它不加载当前图像,而是加载之后的图像,以及当前图像前面的图像,这样我仍然可以获得漂亮的滑动动画.而不是加载图像.
所以我的问题是如何在单击下一个按钮时将lazy-load-src设置为上一个图像的src和下一个图像的下一个图像?