我正在使用 jquery lazyload 和阈值延迟加载此站点上的图像：https ://bm-translations.de/#leistungen
//Lazyload Images with Threshold https://www.appelsiini.net/projects/lazyload
$(function() {
$("img.lazy").lazyload({
threshold : 400
});
});
所以图像src被替换为data-original. 当我滚动到元素时，它应该将其更改src为 , 。
但是由于某种原因，它在引导滑块中加载图像太慢（当我单击它或它的自动滑动某些图像没有加载时），如您所见。如何调整此代码，使其也适用于此？
滑块的一般结构如下：https ://www.w3schools.com/bootstrap/bootstrap_carousel.asp
轮播 JS 是：
$('#myCarousel').carousel({
interval: 9000,
});
// handles the carousel buttons
$('[id^=carousel-selector-]').click( function(){
var id_selector = $(this).attr("id");
var id = id_selector.substr(id_selector.length -1);
id = parseInt(id);
$('#myCarousel').carousel(id);
$('[id^=carousel-selector-]').removeClass('selected');
$(this).addClass('selected');
});
// when the carousel slides, auto update
$('#myCarousel').on('slide.bs.carousel', function (e) {
var id = $('.item.active').data('slide-number');
id = parseInt(id)+1;
$('[id^=carousel-selector-]').removeClass('selected');
$('[id=carousel-selector-'+id+']').addClass('selected');
});
我试过这个，但后来它不再滑动了：
$('#myCarousel').carousel({
interval: 9000,
scroll: {
onBefore: function( data ) {
var $current = data.items.visible.first(),
visible = data.items.visible,
src = visible.data('src');
visible.attr('src', src);
}
}
});
如何解决它，所以它要么在点击/自动滑动之前延迟加载，要么至少延迟加载整个轮播图像的阈值？