fix slider issue

@@ -2,11 +2,7 @@
     <div class="left-col col">
         {{# left}}
         <a href="{{url}}" target="_blank">
-            {{#if @first}}
             <img class="lazy" data-original="{{image img 280 265}}">
-            {{^}}
-            <img class="lazy" data-original="{{image img 200 265}}">
-            {{/if}}
         </a>
         {{/ left}}
     </div>
@@ -35,7 +31,7 @@
             {{#if @first}}
             <img class="lazy" data-original="{{image img 280 449}}">
             {{^}}
-            <img class="lazy" data-original="{{image img 200 265}}">
+            <img class="lazy" data-original="{{image img 280 265}}">
             {{/if}}
         </a>
         {{/ right}}

-var $ = require('yoho-jquery');
+var $ = require('yoho-jquery'),
+    lazyLoad = require('yoho-jquery-lazyload');
 
 require('yoho-slider');
 
 exports.init = function(selector) {
     var $imgBrand = $(selector);
     var slider = $imgBrand.unslider({
-        autoplay: true,
         delay: 5000,
         arrows: false,
         nav: false
     });
     var imgBrandNum = $imgBrand.find('li').length;
     var cols = imgBrandNum / 3;
-    var changeSliderTimeout;
 
     if (!($imgBrand.find('li').length % 3)) {
         cols -= 1;
@@ -20,13 +19,18 @@ exports.init = function(selector) {
 
     $imgBrand.find('li:nth-child(3n)').css('margin-right', 0);
 
-    slider.on('unslider.change', function(event, index) {
-        clearTimeout(changeSliderTimeout);
-        if (index >= cols) {
-            changeSliderTimeout = setTimeout(function() {
-                slider.unslider('animate:first');
-            }, 4999);
-        }
+    slider.on('unslider.change', function(event) {
+        setTimeout(function() {
+            var $lazyImg = $('.img-item img.lazy')
+
+            $lazyImg.each(function(idx, item) {
+                var $item = $(item);
+
+                if ($item.attr('src').match('data:image') || $item.attr('src').length === 0) {
+                    lazyLoad($item);
+                }
+            })
+        }, 1000)
     });
 
     $('.img-brand-switch').on('click', '.prev', function() {