detail.js
1.44 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
/**
* detail相关js
* @author: yue.liu@yoho.cn
* @date;2015/3/31
*/
var $ = require('jquery'),
ellipsis = require('mlellipsis');
require('lazyload');
exports.init = function() {
//相关文章截取文字
ellipsis.init();
$(".post-list").find("span").each(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=="
};
$.extend(settings, options || {});
setTimeout(function(){
$("img.lazy").lazyload(options);
}, 0)
}