Javascript 延迟加载图像加载页面上的所有图像
我正在使用插件在我的页面上延迟加载我的所有图像。 我有一个div列表,每个div里面都有一个图像 我的内容是动态的,我使用模板(html)根据需要多少元素来克隆div 这是我的代码:Javascript 延迟加载图像加载页面上的所有图像,javascript,jquery,lazy-loading,jquery-lazyload,Javascript,Jquery,Lazy Loading,Jquery Lazyload,我正在使用插件在我的页面上延迟加载我的所有图像。 我有一个div列表,每个div里面都有一个图像 我的内容是动态的,我使用模板(html)根据需要多少元素来克隆div 这是我的代码: $.each ( THIS.get('content').topics, function(i, topic){ $('.topic_list').append($('#topic_item').clone(true).attr('id','topic_item'+i));
$.each ( THIS.get('content').topics, function(i, topic){
$('.topic_list').append($('#topic_item').clone(true).attr('id','topic_item'+i));
$('#topic_item'+i).find('.topic_image').attr('id', 'topic_image_'+i);
$('#topic_image_'+i).attr('data-bttrlazyloading-xs-src', topic.icons.high_res_icon_180x180);
$('#topic_image_'+i).attr('data-bttrlazyloading-sm-src', topic.icons.high_res_icon_180x180);
$('#topic_image_'+i).attr('data-bttrlazyloading-md-src', topic.icons.high_res_icon_360x360);
$('#topic_image_'+i).attr('data-bttrlazyloading-lg-src', topic.icons.high_res_icon_360x360);
});
当我完成构建页面时,我正在调用插件:
$('.topic_image').bttrlazyloading({
backgroundcolor: 'transparent',
animation: 'fadeInUp',
event: 'scroll'
})
这些图像直到我滚动到它们时才会显示,我的问题是,即使您仍然看不到它们,图标也会同时加载
我可以在网络上看到
我该怎么解决呢?简直不敢相信。。过了好几个小时。。我失踪了