/**
|
* Created by ChengYa on 2016/6/18.
|
*/
|
|
//判断手机类型
|
window.onload = function () {
|
loading();
|
};
|
|
//加载图片
|
var loading_img_url = [
|
"./image/1.png",
|
"./image/2.png",
|
"./image/3.png",
|
"./image/4.png",
|
"./image/5.png",
|
"./image/6.png",
|
"./image/7.png",
|
"./image/8.png",
|
"./image/9.png",
|
"./image/10.png",
|
"./image/11.png",
|
"./image/12.png",
|
"./image/13.png",
|
"./image/14.png",
|
"./image/15.png",
|
"./image/16.png",
|
"./image/17.png",
|
"./image/18.png",
|
"./image/19.png",
|
"./image/20.png",
|
"./image/21.png",
|
"./image/22.png",
|
"./image/23.png",
|
"./image/24.png",
|
"./image/25.png",
|
"./image/26.png",
|
"./image/27.png",
|
"./image/28.png",
|
];
|
|
//加载页面
|
function loading () {
|
var numbers = 0;
|
var length = loading_img_url.length;
|
|
// for (var i = 0; i < 28; i++) {
|
// var img = new Image();
|
// img.src = loading_img_url[i];
|
// img.onerror = function () {
|
// numbers += (1 / length) * 100;
|
// };
|
// img.onload = function () {
|
// numbers += (1 / length) * 100;
|
// $(".number").html(parseInt(numbers) + "%");
|
// console.log(numbers);
|
|
// if (Math.round(numbers) == 100) {
|
//$('.number').hide();
|
// date_end = getNowFormatDate();
|
// var loading_time = date_end - date_start;
|
// //预加载图片
|
// $(function progressbar () {
|
// //拼接图片
|
//
|
// var tagHtml = "";
|
// for (var i = 1; i <= 28; i++) {
|
// tagHtml +=
|
// ' <div style="background:url(image/' +
|
// i +
|
// '.png) no-repeat center;background-size:100% 100%"></div>';
|
// }
|
// $(".flipbook").append(tagHtml);
|
// var w = $(".graph").width();
|
// $(".flipbook-viewport").show();
|
// });
|
|
//配置turn.js
|
function loadApp () {
|
var w = $(window).width();
|
var h = $(window).height();
|
// var w = "900px";
|
// var h = "600px";
|
$(".flipboox").width(w).height(h);
|
$(window).resize(function () {
|
w = $(window).width();
|
h = $(window).height();
|
// w = "900px";
|
// h = "600px";
|
$(".flipboox").width(w).height(h);
|
});
|
$(".flipbook").turn({
|
// Width
|
width: w,
|
// Height
|
height: h,
|
// Elevation
|
elevation: 50,
|
display: "single",
|
// Enable gradients
|
gradients: true,
|
// Auto center this flipbook
|
// autoCenter: true,
|
|
when: {
|
turning: function (e, page, view) {
|
var total = $(".flipbook").turn("pages"); //总页数
|
if (page !== 1) {
|
$(".previousPage").css("display", "block");
|
}
|
if (page == total) {
|
$(".nextPage").css("display", "none");
|
}
|
if (page !== total) {
|
$(".nextPage").css("display", "block");
|
}
|
},
|
turned: function (e, page, view) {
|
var total = $(".flipbook").turn("pages"); //总页数
|
if (page == 1) {
|
$(".previousPage").css("display", "none");
|
}
|
if (page == total) {
|
$(".nextPage").css("display", "none");
|
}
|
},
|
},
|
});
|
}
|
yepnope({
|
test: Modernizr.csstransforms,
|
yep: ["js/turn.js"],
|
complete: loadApp,
|
});
|
// }
|
// };
|
// }
|
}
|
|
function getNowFormatDate () {
|
var date = new Date();
|
var seperator1 = "";
|
var seperator2 = "";
|
var month = date.getMonth() + 1;
|
var strDate = date.getDate();
|
if (month >= 1 && month <= 9) {
|
month = "0" + month;
|
}
|
if (strDate >= 0 && strDate <= 9) {
|
strDate = "0" + strDate;
|
}
|
var currentdate =
|
date.getFullYear() +
|
seperator1 +
|
month +
|
seperator1 +
|
strDate +
|
"" +
|
date.getHours() +
|
seperator2 +
|
date.getMinutes() +
|
seperator2 +
|
date.getSeconds();
|
return currentdate;
|
}
|
|
//上一页
|
$(".previousPage").bind("click", function () {
|
var pageCount = $(".flipbook").turn("pages"); //总页数
|
var currentPage = $(".flipbook").turn("page"); //当前页
|
if (currentPage >= 2) {
|
$(".flipbook").turn("page", currentPage - 1);
|
} else {
|
}
|
});
|
// 下一页
|
$(".nextPage").bind("click", function () {
|
var pageCount = $(".flipbook").turn("pages"); //总页数
|
var currentPage = $(".flipbook").turn("page"); //当前页
|
if (currentPage <= pageCount) {
|
$(".flipbook").turn("page", currentPage + 1);
|
} else {
|
}
|
});
|
