我的代码在桌面上运行得非常好,但我在手机上拍摄的图片需要很长时间才能加载,有时根本不加载...任何帮助?
码
的.js
(function(a) {
var b = a(".grid").masonry({
itemSelector: ".grid-item",
columnWidth: 306,
fitWidth: !0,
transitionDuration: 0
});
b.imagesLoaded().progress(function() {
b.masonry("layout");
a(".loading").hide();
a(".grid").show();
});
a(document).ready(function() {
a("img.imgload").lazyload({
threshold: 430,
failure_limit: 10
});
});
})(jQuery);
html的
<div class="loading"></div>
<div class="grid">
<div class="grid-item"><a href="blablabla" class="main"><img class="imgload" src="/img/dummy.jpg" data-original="blablabla" width="300" height="420"></a>
</div>
</div>
的CSS
.loading {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 9999;background: url(/img/modal-loader.gif) center no-repeat #fff }
答案 0 :(得分:1)
我发现了这个问题:
a(document).ready(function() {