...
|
...
|
@@ -28,10 +28,11 @@ var $window = $(window), |
|
|
var mySwiper;
|
|
|
*/
|
|
|
|
|
|
var avatarKey, bannerLen, res, avatarSwiper, avatarSwiperClone, getIndexHtml, bannerSwiper,
|
|
|
$avatarClone, $avatarWrap, starIScroll;
|
|
|
var avatarKey, bannerLen, res, avatarSwiper, getIndexHtml, bannerSwiper,
|
|
|
$avatarWrap, starIScroll;
|
|
|
|
|
|
var swiperNum = $('.avatar-wrap .swiper-slide').width() / 2;
|
|
|
var swiperNum = $('.avatar-wrap .swiper-slide').width() / 2,
|
|
|
topBanner = $('.banner-top');
|
|
|
|
|
|
// var $gif = $('img[data-original*="gif"]');
|
|
|
|
...
|
...
|
@@ -53,6 +54,7 @@ $('#yoho-header, .head-tab').on('touchmove', function() { |
|
|
return false;
|
|
|
});
|
|
|
|
|
|
|
|
|
// inView(document.querySelectorAll('img[data-original*="gif"]'))
|
|
|
// .on('enter', function() {
|
|
|
// console.log(1);
|
...
|
...
|
@@ -99,25 +101,26 @@ function bindAvatar(dom) { |
|
|
avatarKey = dom.index();
|
|
|
|
|
|
if (!dom.hasClass('swiper-slide-active')) {
|
|
|
if (avatarKey >= (2 * bannerLen + 1)) {
|
|
|
avatarSwiperClone && avatarSwiperClone.slideTo(bannerLen + 1, 0);
|
|
|
avatarSwiper.slideTo(bannerLen + 1, 0);
|
|
|
} else if (avatarKey <= (bannerLen - 1)) {
|
|
|
avatarSwiperClone && avatarSwiperClone.slideTo(2 * bannerLen - 1, 0);
|
|
|
avatarSwiper.slideTo(2 * bannerLen - (bannerLen - avatarKey), 0);
|
|
|
} else {
|
|
|
avatarSwiperClone && avatarSwiperClone.slideTo(avatarKey, 200);
|
|
|
avatarSwiper.slideTo(avatarKey, 200);
|
|
|
}
|
|
|
|
|
|
// if (avatarKey >= (2 * bannerLen + 1)) {
|
|
|
// avatarSwiperClone && avatarSwiperClone.slideTo(bannerLen + 1, 0);
|
|
|
// avatarSwiper.slideTo(bannerLen + 1, 0);
|
|
|
// } else if (avatarKey <= (bannerLen - 1)) {
|
|
|
// avatarSwiperClone && avatarSwiperClone.slideTo(2 * bannerLen - 1, 0);
|
|
|
// avatarSwiper.slideTo(2 * bannerLen - (bannerLen - avatarKey), 0);
|
|
|
// } else {
|
|
|
// avatarSwiperClone && avatarSwiperClone.slideTo(avatarKey, 200);
|
|
|
// avatarSwiper.slideTo(avatarKey, 200);
|
|
|
// }
|
|
|
|
|
|
return false;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
function setIndexAction() {
|
|
|
// $('.avatar').each(function(key, item) {
|
|
|
// $(item).addClass('avatar-' + key);
|
|
|
// });
|
|
|
// $('.avatar').each(function(key, item) {
|
|
|
// $(item).addClass('avatar-' + key);
|
|
|
// });
|
|
|
|
|
|
// 明星头像 swiper 初始化
|
|
|
if (bannerLen > 1) {
|
...
|
...
|
@@ -185,13 +188,13 @@ function initAction() { |
|
|
$avatarWrap = $('.avatar-wrap');
|
|
|
bannerLen = $('.avatar-wrap').find('.swiper-slide').length;
|
|
|
|
|
|
if ($avatarClone) {
|
|
|
$avatarClone.remove();
|
|
|
}
|
|
|
// if ($avatarClone) {
|
|
|
// $avatarClone.remove();
|
|
|
// }
|
|
|
|
|
|
$loadingTip.before($('.avatar-swiper').clone().addClass('avatar-clone').hide());
|
|
|
|
|
|
$avatarClone = $('.avatar-clone');
|
|
|
// $avatarClone = $('.avatar-clone');
|
|
|
|
|
|
$('img.lazy').lazyload({
|
|
|
effect: 'fadeIn'
|
...
|
...
|
@@ -212,10 +215,10 @@ getIndexHtml = function() { |
|
|
})
|
|
|
.done(function(data) {
|
|
|
if (data) {
|
|
|
if (avatarSwiperClone) {
|
|
|
avatarSwiperClone.destroy(true, true);
|
|
|
avatarSwiperClone = null;
|
|
|
}
|
|
|
// if (avatarSwiperClone) {
|
|
|
// avatarSwiperClone.destroy(true, true);
|
|
|
// avatarSwiperClone = null;
|
|
|
// }
|
|
|
|
|
|
$mainContent.html(data);
|
|
|
|
...
|
...
|
@@ -228,6 +231,13 @@ getIndexHtml = function() { |
|
|
});
|
|
|
};
|
|
|
|
|
|
// $(window).ready(function() {
|
|
|
// topBannerH = $('.banner-top').height();
|
|
|
// console.log('init'+topBannerH);
|
|
|
// });
|
|
|
|
|
|
|
|
|
|
|
|
// 下拉刷新,上拉加载
|
|
|
starIScroll = new PullRefresh('.star-main', {
|
|
|
pullDown: function() {
|
...
|
...
|
@@ -239,15 +249,16 @@ starIScroll = new PullRefresh('.star-main', { |
|
|
});
|
|
|
|
|
|
starIScroll.iScroll.on('scrollStart', function() {
|
|
|
// 下拉
|
|
|
// if (this.directionY === -1) {
|
|
|
// $loadingTip.slideDown();
|
|
|
// }
|
|
|
// $gif.css('display', 'none');
|
|
|
bannerSwiper && bannerSwiper.startAutoplay();
|
|
|
// 下拉
|
|
|
// if (this.directionY === -1) {
|
|
|
// $loadingTip.slideDown();
|
|
|
// }
|
|
|
// $gif.css('display', 'none');
|
|
|
bannerSwiper && bannerSwiper.stopAutoplay();
|
|
|
});
|
|
|
|
|
|
starIScroll.iScroll.on('scroll', function() {
|
|
|
starIScroll.iScroll.on('scroll', function() {
|
|
|
$window.trigger('scroll');
|
|
|
// var avatarOffsetT;
|
|
|
//
|
|
|
// if (this.directionY !== -1) {
|
...
|
...
|
@@ -289,14 +300,18 @@ starIScroll.iScroll.on('scroll', function() { |
|
|
// } else {
|
|
|
// $avatarClone.hide();
|
|
|
// }
|
|
|
});
|
|
|
});
|
|
|
|
|
|
starIScroll.iScroll.on('scrollEnd', function() {
|
|
|
// $loadingTip.slideUp();
|
|
|
// $gif.css('display', 'block');
|
|
|
bannerSwiper && bannerSwiper.stopAutoplay();
|
|
|
// $loadingTip.slideUp();
|
|
|
// $gif.css('display', 'block');
|
|
|
if (-this.y <= topBanner.height()) {
|
|
|
bannerSwiper && bannerSwiper.startAutoplay();
|
|
|
}
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
window.setCookie('guangStarUid', window.queryString.uid);
|
|
|
|
|
|
// $('img').on('load', function() {
|
...
|
...
|
@@ -359,3 +374,6 @@ function articleImgAction(dom, key) { |
|
|
}
|
|
|
}
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
...
|
...
|
|