fe / yohobuy-node · Commits

Go to a project

Authored by biao
Commit 567cdc2c5324a6560527af982dafffcacfafd825 1 parent caf965cc

fix slider issue

Inline Side-by-side
Showing 2 changed files with 15 additions and 15 deletions
... ... @@ -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() {
... ...