Authored by 2586703@qq.com

lazyload bug修复

... ... @@ -17,7 +17,25 @@ exports.init = function() {
$(this).mlellipsis(2);
});
var options;
var settings = {
threshold : 0, // 灵敏度. 提前加载, 值为像素值
failure_limit : 0, // 容差范围. 检查是否在显示区域内,默认找到第 1 张不可见的图片时,就终止遍历
event : "scroll", // 自定义触发事件 默认为 scroll. 如scrollstop
effect : "fadeIn", // 自定义显示效果, 默认为show. 如show, fadeIn, slideDown
container : window, // 图片插入到的容器,默认为window
data_attribute : "original", // 真实图片地址的 data 属性后缀
skip_invisible : true, // 加载不可见图像, 默认true是不会加载隐藏的不可见图像
appear : null, // 图片加载时的事件 (Function)
load : null, // 图片加载后的事件 (Function)
placeholder : "data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///93d3f///yH5BAEAAAMALAAAAAABAAEAAAICVAEAOw=="
};
//图片懒加载
$("img.lazy").lazyload();
$.extend(settings, options || {});
setTimeout(function(){
$("img.lazy").lazyload(options);
}, 0)
}
\ No newline at end of file
... ...
{{# smallImage}}
<div class="article-type-four clearfix">
{{# imgs}}
<img class="lazy" src="{{src}}" alt="{{alt}}">
<img class="lazy" data-original="{{src}}" alt="{{alt}}">
{{/ imgs}}
</div>
{{/ smallImage}}
\ No newline at end of file
... ...
{{# bigImage}}
<div class="article-type-one">
<img class="img lazy" src="{{src}}" alt="{{alt}}">
<img class="img lazy" data-original="{{src}}" alt="{{alt}}">
</div>
{{/ bigImage}}
\ No newline at end of file
... ...
... ... @@ -4,7 +4,7 @@
<ul class="thumb-container clearfix">
{{# list}}
<li class="thumb">
<img class="thumb-img lazy" src="{{thumb}}">
<img class="thumb-img lazy" data-original="{{thumb}}">
<span class="clothe-type {{type}}"></span>
<em class="arrow"></em>
</li>
... ...
... ... @@ -7,7 +7,7 @@
<a class="good-islike iconfont" href="javascript:;">&#xe60f;</a>
{{/ isLike}}
<a class="good-thumb" href="{{url}}">
<img class="lazy" src="{{thumb}}">
<img class="lazy" data-original="{{thumb}}">
</a>
<div class="tag-container">
{{# isNew}}
... ...
... ... @@ -4,7 +4,7 @@
{{# brands}}
<li><a href="{{url}}">
<div class="brand-logo">
<img class="lazy" src="{{thumb}}" alt="{{name}}">
<img class="lazy" data-original="{{thumb}}" alt="{{name}}">
</div>
<p class="brand-name">{{name}}</p>
</a></li>
... ...
... ... @@ -3,7 +3,7 @@
<ul class="post-list">
{{# otherArticle}}
<li><a class="clearfix" href="{{url}}">
<img class="lazy" src="{{thumb}}" alt="">
<img class="lazy" data-original="{{thumb}}" alt="">
<span>{{title}}</span>
</a></li>
{{/ otherArticle}}
... ...