magazine.js
3.5 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
/*
* @description: magazine js
* @author: lore-w
* @date: 2015-4-23
*/
var $ = require('jquery'),
swiper = require('swiper-mobile'),
jsonp = require('yoho-jsonp');
var oShare = require("../plugin/share");
exports.init = function () {
var magazineSwiper,
buySwiper,
zineSwiper;
var share = $("#share"),
magazineMore = $(".magazine-more");
// magazine banner
magazineSwiper = new swiper('.magazine-banner .swiper-container', {
loop: true,
pagination: '.pagination',
grabCursor: true,
paginationClickable: true,
autoplay: 5000,
slideElement: 'li',
lazyLoading: true,
lazyLoadingInPrevNext: true
});
// 立即购买下方的slide
buySwiper = new swiper('#buy-slide', {
slidesPerView: 'auto',
grabCursor: true,
slideElement: 'li',
wrapperClass: "buy-wrapper",
lazyLoading: true,
watchSlidesVisibility: true
});
jsonp({
url: 'http://newgirls.test.yoho.cn/channel/magazine/ezine',
success: function (response) {
var data = response.data,
len = data.length,
item = '';
for (var i = 0; i < len; i++) {
if (data[i].magazineType == 2) {
item += '<li class="swiper-slide"><a class="magazine-special" href="javascript:;" title="' + data[i].releaseDate + '"><img class="swiper-lazy" data-src="' + data[i].cover + '" alt="" /><div class="swiper-lazy-preloader"></div></a><time>' + data[i].releaseDate + '</time></li>';
} else {
item += '<li class="swiper-slide"><a href="javascript:;" title="' + data[i].releaseDate + '"><img class="swiper-lazy" data-src="' + data[i].cover + '" alt="" /><div class="swiper-lazy-preloader"></div></a><time>' + data[i].releaseDate + '</time></li>';
}
}
$(".zine-wrapper").html(item);
zineSwiper = new swiper('#zine-slide', {
slidesPerView: 'auto',
grabCursor: true,
slideElement: 'li',
wrapperClass: "zine-wrapper",
lazyLoading: true,
watchSlidesVisibility: true
});
}
});
//分享
oShare.init({
shareUrl: share.attr("data-link"),
img: share.attr("cover"),
sinaText: '随时引领潮流生活，我正在看《YOHO!潮流志》' + magazineMore.find("time").text() + '期点杂志，每月7日，17日，27日出刊哦~',
fbTextFunction: function () {
return {
des: '随时引领潮流生活，我正在看《YOHO!潮流志》' + magazineMore.find("time").text() + '期点杂志，每月7日，17日，27日出刊哦~',
name: '随时引领潮流生活，我正在看《YOHO!潮流志》' + magazineMore.find("time").text() + '期点杂志，每月7日，17日，27日出刊哦~',
caption: '随时引领潮流生活，我正在看《YOHO!潮流志》' + magazineMore.find("time").text() + '期点杂志，每月7日，17日，27日出刊哦~',
url: location.href
}
},
tweetText: '随时引领潮流生活，我正在看《YOHO!潮流志》' + magazineMore.find("time").text() + '期点杂志，每月7日，17日，27日出刊哦~',
qqText: '随时引领潮流生活，我正在看《YOHO!潮流志》' + magazineMore.find("time").text() + '期点杂志，每月7日，17日，27日出刊哦~'
});
};