detail.js 1.44 KB
/**
 * 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)
    
}