Authored by xuqi

优化saunter页面lazyload,修正推荐列表反复点击造成lazyload重复处罚问题

... ... @@ -10,6 +10,23 @@ var $ = require('jquery'),
require('lazyload');
//lazyLoad-Fn
function lazyLoad(imgs, options) {
var setting = {
effect : 'fadeIn',
effect_speed: 10,
placeholder: 'data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///93d3f///yH5BAEAAAMALAAAAAABAAEAAAICVAEAOw=='
}, $imgs;
if (typeof imgs === 'undefined') {
$imgs = $('img.lazy');
} else {
$imgs = imgs;
}
if (typeof options !== 'undefined') {
$.extend(setting, options);
}
$imgs.lazyload(setting);
}
/**
* 初始化Android页面
*/
... ... @@ -34,7 +51,8 @@ exports.initAndroid = function() {
}
//类型3文章相关变量
var isInit = true,
var isInit = true,
hadLazy = {},
atContainer,
thumbContainer,
prodList,
... ... @@ -53,10 +71,7 @@ exports.initAndroid = function() {
});
//图片懒加载
$('img.lazy').lazyload({
effect : 'fadeIn',
placeholder: 'data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///93d3f///yH5BAEAAAMALAAAAAABAAEAAAICVAEAOw=='
});
lazyLoad();
//提示信息位置
winH = $(window).height();
... ... @@ -139,14 +154,11 @@ exports.initAndroid = function() {
.addClass('hide')
.eq(index)
.removeClass('hide');
//图片懒加载
$('img.lazy').lazyload({
effect : 'fadeIn',
container: prodList.find('.prod:eq(' + index + ')'),
placeholder: 'data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///93d3f///yH5BAEAAAMALAAAAAABAAEAAAICVAEAOw=='
});
//图片懒加载(防止多次点击反复触发造成页面闪烁现象)
if (!hadLazy[index]) {
hadLazy[index] = true;
lazyLoad(prodList.find('.prod:eq(' + index + ') img.lazy'));
}
//scroll to top
if (!isInit) {
$('body').animate({
... ... @@ -200,10 +212,7 @@ exports.initOther = function() {
$intro.css('padding-top', 0);
}
//图片懒加载
$('img.lazy').lazyload({
effect : 'fadeIn',
placeholder: 'data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///93d3f///yH5BAEAAAMALAAAAAABAAEAAAICVAEAOw=='
});
lazyLoad();
//相关文章截取文字
ellipsis.init();
... ... @@ -400,7 +409,7 @@ exports.initOther = function() {
fixedThumbContainer
.addClass('hide');
}
$('#scroller').trigger('scroll');
});
//手动触发scroll, 初始化fixedThumb的位置和显示
... ...