Authored by 郝肖肖

左右滑动,潮流优选

... ... @@ -45,7 +45,7 @@
<div class="focus-left-right">
{{#each result.focus2.data}}
<a href="{{url}}" title="{{title}}">
<img class="lazy" data-original="{{image src 250 250}}">
<img src="{{image src 250 250}}">
</a>
{{/each}}
</div>
... ...
var $ = require('yoho-jquery'),
tip = require('../plugin/tip'),
Swiper = require('yoho-swiper'),
loading = require('../plugin/loading'),
lazyLoad = require('yoho-jquery-lazyload');
loading = require('../plugin/loading');
var plusstar = {},
$footer = $('#yoho-footer');
require('yoho-jquery-lazyload');
require('../common');
plusstar = {
... ... @@ -82,16 +82,10 @@ plusstar = {
that.resInit();
loading.hideLoadingMask();
lazyLoad($('img.lazy'));
// 处理左右滑动,未加载的图片
setTimeout(function() {
$('img.lazy').each(function() {
if ($(this).attr('src') !== $(this).data('original')) {
$(this).attr('src', $(this).data('original'));
}
});
}, 40);
$('.plusstar-resources').find('img.lazy').lazyload({
effect: 'fadeIn'
});
// 设置滚动条的位置
if (window.localStorage) {
... ...
... ... @@ -163,13 +163,11 @@
a {
display: inline-block;
margin: 0 15px;
width: 213px;
height: 213px;
}
img {
width: 100%;
height: 100%;
width: 213px;
height: 213px;
}
}
... ... @@ -180,7 +178,11 @@
a {
display: inline-block;
width: 50%;
overflow: hidden;
img {
width: 320px;
height: 320px;
}
}
}
... ...