Merge branch 'feature/h5detail' of git.dev.yoho.cn:web/yohobuy-frontend into feature/h5detail

Conflicts:
	mobile/public/sass/_article-type-three.scss

@@ -3,7 +3,8 @@
  * @author: xuqi(qi.xu@yoho.cn)
  * @date；2015/3/30
  */
-var $ = require('jquery'); 
+var $ = require('jquery');
+require('lazyload'); 
 
 /**
  * 初始化$事件并默认选中列表第一项
@@ -34,6 +35,20 @@ exports.init = function() {
                 .eq(index)
                 .removeClass('hide');
 
+            //图片懒加载
+            $("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=="
+            });
+
             //scroll to top when container is fixed
             if (thisContainer.find('.thumb-container').hasClass('fixed')) {
                 $(document).scrollTop(thisContainer.offset().top);

@@ -5,7 +5,8 @@
  */
 
 var $ = require('jquery'),
-    ellipsis = require('mlellipsis');
+    ellipsis = require('mlellipsis'),
+    timer = null;
 
 require('lazyload');
 
@@ -20,8 +21,9 @@ exports.init = function() {
     });
     
     //图片懒加载
-    var options,
-        settings = {
+    clearTimeout(timer);
+    timer = setTimeout(function() {
+        $("img.lazy").lazyload({
             threshold       : 0, // 灵敏度. 提前加载, 值为像素值
             failure_limit   : 0, // 容差范围. 检查是否在显示区域内，默认找到第 1 张不可见的图片时，就终止遍历
             event           : "scroll", // 自定义触发事件 默认为 scroll. 如scrollstop
@@ -32,9 +34,6 @@ exports.init = function() {
             appear          : null, // 图片加载时的事件 (Function)
             load            : null, // 图片加载后的事件 (Function)
             placeholder     : "data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///93d3f///yH5BAEAAAMALAAAAAABAAEAAAICVAEAOw=="
-        };
-    $.extend(settings, options || {}); 
-    setTimeout(function() {
-        $("img.lazy").lazyload(options);
+        });
     }, 0)
 };
\ No newline at end of file

@@ -23,6 +23,10 @@ $pxConvertRem : 40;
             left: 0;
             right: 0;
             top: 0;
+
+            .thumb.focus .arrow {
+                display: none;
+            }
         }
 
         &.fixed-bottom {
@@ -30,6 +34,10 @@ $pxConvertRem : 40;
             left: 0;
             right: 0;
             bottom: 0;
+
+            .thumb.focus .arrow {
+                display: none;
+            }
         }
 
         &.absolute {
@@ -57,6 +65,7 @@ $pxConvertRem : 40;
                 }
 
                 .arrow {
+                    display: block;
                     position: absolute;
                     width: 32rem / $pxConvertRem;
                     height: 19rem / $pxConvertRem;