detail.js 1.51 KB
/**
 * detail相关js
 * @author: yue.liu@yoho.cn
 * @date;2015/3/31
 */

var $ = require('jquery'),
    ellipsis = require('mlellipsis'),
    timer = null;

require('lazyload');

/**
 * 初始化页面加载时的文字截取和图片懒加载功能
 */
exports.init = function() {
    //相关文章截取文字
    ellipsis.init();
    $(".post-list").find("span").each(function(){
        $(this).mlellipsis(2);
    });
    
    //图片懒加载
    clearTimeout(timer);
    timer = setTimeout(function() {
        $("img.lazy").lazyload({
            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=="
        });
    }, 0)
};