lazyload bug修复

@@ -17,7 +17,25 @@ exports.init = function() {
         $(this).mlellipsis(2);
         $(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)
+    
 }
 }

 {{# smallImage}}
 {{# smallImage}}
     <div class="article-type-four clearfix">
     <div class="article-type-four clearfix">
         {{# imgs}}
         {{# imgs}}
-            <img class="lazy" src="{{src}}" alt="{{alt}}">
+            <img class="lazy" data-original="{{src}}" alt="{{alt}}">
         {{/ imgs}}
         {{/ imgs}}
     </div>
     </div>
 {{/ smallImage}}
 {{/ smallImage}}

 {{# bigImage}}
 {{# bigImage}}
     <div class="article-type-one">
     <div class="article-type-one">
-        <img class="img lazy" src="{{src}}" alt="{{alt}}">
+        <img class="img lazy" data-original="{{src}}" alt="{{alt}}">
     </div>
     </div>
 {{/ bigImage}}
 {{/ bigImage}}

@@ -4,7 +4,7 @@
             <ul class="thumb-container clearfix">
             <ul class="thumb-container clearfix">
                 {{# list}}
                 {{# list}}
                     <li class="thumb">
                     <li class="thumb">
-                        <img class="thumb-img lazy" src="{{thumb}}">
+                        <img class="thumb-img lazy" data-original="{{thumb}}">
                         <span class="clothe-type {{type}}"></span>
                         <span class="clothe-type {{type}}"></span>
                         <em class="arrow"></em>
                         <em class="arrow"></em>
                     </li>
                     </li>

@@ -7,7 +7,7 @@
             <a class="good-islike iconfont" href="javascript:;">&#xe60f;</a>
             <a class="good-islike iconfont" href="javascript:;">&#xe60f;</a>
         {{/ isLike}}
         {{/ isLike}}
         <a class="good-thumb" href="{{url}}">
         <a class="good-thumb" href="{{url}}">
-            <img class="lazy" src="{{thumb}}">
+            <img class="lazy" data-original="{{thumb}}">
         </a>
         </a>
         <div class="tag-container">
         <div class="tag-container">
             {{# isNew}}
             {{# isNew}}

@@ -4,7 +4,7 @@
     {{# brands}}
     {{# brands}}
         <li><a href="{{url}}">
         <li><a href="{{url}}">
             <div class="brand-logo">
             <div class="brand-logo">
-                <img class="lazy" src="{{thumb}}" alt="{{name}}">
+                <img class="lazy" data-original="{{thumb}}" alt="{{name}}">
             </div>
             </div>
             <p class="brand-name">{{name}}</p>
             <p class="brand-name">{{name}}</p>
         </a></li>
         </a></li>

@@ -3,7 +3,7 @@
     <ul class="post-list">
     <ul class="post-list">
         {{# otherArticle}}
         {{# otherArticle}}
         <li><a class="clearfix" href="{{url}}">
         <li><a class="clearfix" href="{{url}}">
-            <img class="lazy" src="{{thumb}}" alt="">
+            <img class="lazy" data-original="{{thumb}}" alt="">
             <span>{{title}}</span>
             <span>{{title}}</span>
         </a></li>
         </a></li>
         {{/ otherArticle}}
         {{/ otherArticle}}