mirror of
https://github.com/blasten/turn.js.git
synced 2025-04-05 19:41:54 +08:00
turn.js v0.11
This commit is contained in:
Emmanuel Garcia
parent
3da096d2d9
commit
5bce01efca
@ -9,19 +9,16 @@ body{
|
||||
background:#ccc;
|
||||
}
|
||||
#magazine{
|
||||
width:1152px;
|
||||
height:752px;
|
||||
}
|
||||
#magazine .turn-page{
|
||||
width:576px;
|
||||
height:752px;
|
||||
background-color:#ccc;
|
||||
background-size:100% 100%;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id='magazine'>
|
||||
|
||||
<div id="magazine">
|
||||
<div style="background-image:url(pages/01.jpg);"></div>
|
||||
<div style="background-image:url(pages/02.jpg);"></div>
|
||||
<div style="background-image:url(pages/03.jpg);"></div>
|
||||
@ -39,7 +36,7 @@ body{
|
||||
|
||||
})
|
||||
|
||||
$('#magazine').turn({acceleration: true, shadows: true});
|
||||
$('#magazine').turn({width: 1152, height: 752, acceleration: true, shadows: !$.isTouch});
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
299
turn.js
299
turn.js
@ -4,6 +4,7 @@
|
||||
*
|
||||
* Copyright (C) 2012 Emmanuel Garcia
|
||||
* MIT Licensed
|
||||
*
|
||||
**/
|
||||
|
||||
(function($) {
|
||||
@ -31,7 +32,7 @@ var pi = Math.PI,
|
||||
|
||||
turnOptions = {
|
||||
|
||||
// first page
|
||||
// First page
|
||||
|
||||
page: 1,
|
||||
|
||||
@ -52,7 +53,7 @@ var pi = Math.PI,
|
||||
|
||||
flipOptions = {
|
||||
|
||||
// Page back
|
||||
// Back page
|
||||
|
||||
back: null,
|
||||
|
||||
@ -82,20 +83,17 @@ var pi = Math.PI,
|
||||
|
||||
// Gets basic attributes for a layer
|
||||
|
||||
divAtt = function(top, left, width, height, zindex, overf) {
|
||||
divAtt = function(top, left, zindex, overf) {
|
||||
return {'css': {
|
||||
'position': 'absolute',
|
||||
'top': top,
|
||||
'left': left,
|
||||
'width': width,
|
||||
'height': height,
|
||||
'z-index': zindex || 'auto',
|
||||
'overflow': overf || 'hidden'
|
||||
position: 'absolute',
|
||||
top: top,
|
||||
left: left,
|
||||
overflow: overf || 'hidden',
|
||||
'z-index': zindex || 'auto'
|
||||
}
|
||||
};
|
||||
},
|
||||
|
||||
|
||||
// Gets the 2D point from a bezier curve of four points
|
||||
// This function is called in order to interpolate the position of the piece of page.
|
||||
|
||||
@ -146,17 +144,17 @@ turnMethods = {
|
||||
var p, pair, d = this.data(), ch = this.children(), l = ch.length;
|
||||
|
||||
|
||||
opt = $.extend({}, turnOptions, opt);
|
||||
opt = $.extend({width: this.width(), height: this.height()}, turnOptions, opt);
|
||||
d.opt = opt;
|
||||
d.pageObjs = {}
|
||||
d.pages = {};
|
||||
d.pageWrap = {};
|
||||
d.pagePlace = {};
|
||||
d.pageMv = [];
|
||||
d.pageMv = [];
|
||||
d.totalPages = l;
|
||||
|
||||
|
||||
this.css({'position': 'relative'});
|
||||
this.css({position: 'relative'});
|
||||
|
||||
// This will avoid the blue screen in webkit-based browsers caused by hardware acceleration
|
||||
|
||||
@ -164,22 +162,20 @@ turnMethods = {
|
||||
this.transform(translate(0, 0, true));
|
||||
|
||||
|
||||
|
||||
for (p = 1; p <= l; p++) {
|
||||
d.pagePlace[p] = p;
|
||||
d.pageObjs[p] = $(ch[p-1]).addClass('turn-page').addClass('p'+p);
|
||||
d.pageWrap[p] = $('<div/>', {'class': 'turn-page-wrapper', 'css': {'position': 'absolute', 'width': d.pageObjs[p].width(), 'height': d.pageObjs[p].height()}}).
|
||||
d.pageObjs[p] = $(ch[p-1]).addClass('turn-page p'+p);
|
||||
d.pageWrap[p] = $('<div/>', {'class': 'turn-page-wrapper', css: {position: 'absolute'}}).
|
||||
attr('page', p).
|
||||
appendTo(this).
|
||||
prepend(d.pageObjs[p]);
|
||||
}
|
||||
|
||||
appendTo(this).
|
||||
prepend(d.pageObjs[p]);
|
||||
}
|
||||
|
||||
for (p = 1; p <= l; p++) {
|
||||
pair = p%2==0;
|
||||
d.pages[p] = d.pageWrap[p].
|
||||
css((pair) ? {'top': 0, 'left': 0} : {'top': 0, 'right': 0}).
|
||||
children(":first").
|
||||
css((pair) ? {top: 0, left: 0} : {top: 0, right: 0}).
|
||||
children(':first').
|
||||
flip({
|
||||
next: (pair) ? p-1 : p+1,
|
||||
page : p,
|
||||
@ -199,12 +195,40 @@ turnMethods = {
|
||||
}
|
||||
|
||||
turnMethods.page.apply(this, [opt.page]);
|
||||
|
||||
d.done = true;
|
||||
|
||||
this.turn('size', opt.width, opt.height);
|
||||
|
||||
return this;
|
||||
|
||||
},
|
||||
|
||||
size: function(width, height) {
|
||||
|
||||
if (width && height) {
|
||||
|
||||
var d = this.data(), pageWidth = width/2, p;
|
||||
|
||||
this.css({width: width, height: height});
|
||||
|
||||
for (p = 1; p <= d.totalPages; p++) {
|
||||
d.pageWrap[p].css({width: pageWidth, height: height});
|
||||
if (d.pages[p])
|
||||
d.pages[p].css({width: pageWidth, height: height});
|
||||
}
|
||||
|
||||
this.turn('resize');
|
||||
|
||||
return this;
|
||||
|
||||
} else {
|
||||
|
||||
return {width: this.width(), height: this.height()};
|
||||
|
||||
}
|
||||
},
|
||||
|
||||
_visiblePages: function(page) {
|
||||
|
||||
var page = page || this.data().page;
|
||||
@ -216,12 +240,12 @@ turnMethods = {
|
||||
|
||||
var i, d = this.data();
|
||||
|
||||
for (i=0; i<d.pageMv.length; i++) {
|
||||
if (d.pageMv[i]==page) {
|
||||
d.pageMv.splice(i, 1);
|
||||
i--;
|
||||
}
|
||||
}
|
||||
for (i=0; i<d.pageMv.length; i++) {
|
||||
if (d.pageMv[i]==page) {
|
||||
d.pageMv.splice(i, 1);
|
||||
i--;
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
_addMv: function(page) {
|
||||
@ -260,8 +284,8 @@ turnMethods = {
|
||||
|
||||
if (o.force) {
|
||||
o.next = (o.page%2==0) ? o.page-1 : o.page+1;
|
||||
d.pages[p].flip('setBackPage', d.pageObjs[o.next]);
|
||||
delete o['force'];
|
||||
d.pages[p].flip('setBackPage', d.pageObjs[o.next]);
|
||||
delete o['force'];
|
||||
}
|
||||
}
|
||||
|
||||
@ -362,7 +386,6 @@ turnMethods = {
|
||||
|
||||
d.tpage = prev;
|
||||
o.pageMv = page;
|
||||
|
||||
|
||||
d.pages[prev].flip('hideThumbIndex', true);
|
||||
d.pages[page].trigger('flip');
|
||||
@ -393,7 +416,7 @@ turnMethods = {
|
||||
o.pageMv = o.page;
|
||||
|
||||
turnMethods._addMv.apply(turn, [o.pageMv]);
|
||||
dd.pagePlace[o.next] = o.page;
|
||||
dd.pagePlace[o.next] = o.page;
|
||||
turn.turn('update');
|
||||
|
||||
},
|
||||
@ -410,48 +433,50 @@ turnMethods = {
|
||||
},
|
||||
|
||||
_end: function(e, turned) {
|
||||
|
||||
|
||||
e.stopPropagation();
|
||||
|
||||
var that = $(this),
|
||||
o = that.data().pageFlip.opt,
|
||||
turn = o.turn,
|
||||
dd = turn.data();
|
||||
dd = turn.data();
|
||||
|
||||
|
||||
if (turned || dd.tpage) {
|
||||
if (turned || dd.tpage) {
|
||||
|
||||
if (dd.tpage==o.next || dd.pageMv.length==0) {
|
||||
if (dd.tpage==o.next || dd.pageMv.length==0) {
|
||||
|
||||
dd.page = dd.tpage || o.next;
|
||||
delete dd['tpage'];
|
||||
turn.turn('page', dd.page);
|
||||
dd.page = dd.tpage || o.next;
|
||||
delete dd['tpage'];
|
||||
turn.turn('page', dd.page);
|
||||
|
||||
}
|
||||
|
||||
if (o.force) {
|
||||
if (o.force) {
|
||||
|
||||
o.next = (o.page%2==0) ? o.page-1 : o.page+1;
|
||||
that.flip('setBackPage', turn.data().pageObjs[o.next]);
|
||||
delete o['force'];
|
||||
o.next = (o.page%2==0) ? o.page-1 : o.page+1;
|
||||
that.flip('setBackPage', turn.data().pageObjs[o.next]);
|
||||
delete o['force'];
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
} else {
|
||||
turnMethods._removeMv.apply(turn, [o.pageMv]);
|
||||
turn.turn('update');
|
||||
}
|
||||
} else {
|
||||
|
||||
turnMethods._removeMv.apply(turn, [o.pageMv]);
|
||||
turn.turn('update');
|
||||
|
||||
}
|
||||
|
||||
turn.trigger('end', [o.page, this]);
|
||||
|
||||
},
|
||||
|
||||
resize: function(opt) {
|
||||
resize: function() {
|
||||
|
||||
var d = this.data();
|
||||
|
||||
for (p = 1; p <= d.totalPages; p++)
|
||||
d.pages[p].flip('resize', opt);
|
||||
d.pages[p].flip('resize', true);
|
||||
|
||||
},
|
||||
|
||||
@ -478,7 +503,7 @@ turnMethods = {
|
||||
if (view[1]) r.pageV[view[1]] = true;
|
||||
};
|
||||
|
||||
var view = this.turn('view'), pp = view[0]||view[1];
|
||||
var view = this.turn('view'), pp = view[0] || view[1];
|
||||
|
||||
for (var i = 0; i < pagesMoving; i++) {
|
||||
|
||||
@ -521,20 +546,18 @@ turnMethods = {
|
||||
|
||||
var p, d = this.data();
|
||||
|
||||
if (d.pageMv.length) {
|
||||
if (d.pageMv.length) {
|
||||
|
||||
// Update motion
|
||||
// Update motion
|
||||
|
||||
var pos = this.turn('calculateZ', d.pageMv), view = this.turn('view', d.tpage), apage;
|
||||
var pos = this.turn('calculateZ', d.pageMv), view = this.turn('view', d.tpage), apage;
|
||||
|
||||
if (d.pagePlace[view[0]]==view[0]) apage = view[0];
|
||||
else if (d.pagePlace[view[1]]==view[1]) apage = view[1];
|
||||
|
||||
//console.log($.extend({}, pos), $.extend({}, d.pageMv));
|
||||
if (d.pagePlace[view[0]]==view[0]) apage = view[0];
|
||||
else if (d.pagePlace[view[1]]==view[1]) apage = view[1];
|
||||
|
||||
for (p = 1; p <= d.totalPages; p++) {
|
||||
|
||||
d.pageWrap[p].css({'z-index': pos.pageZ[p] || 0, 'display': (pos.pageV[p]) ? '' : 'none'});
|
||||
d.pageWrap[p].css({display: (pos.pageV[p]) ? '' : 'none', 'z-index': pos.pageZ[p] || 0});
|
||||
d.pages[p].flip('z', pos.partZ[p] || null);
|
||||
|
||||
if (pos.pageV[p])
|
||||
@ -543,28 +566,28 @@ turnMethods = {
|
||||
if (d.tpage)
|
||||
d.pages[p].flip('disable', p!=apage);
|
||||
}
|
||||
|
||||
} else {
|
||||
|
||||
} else {
|
||||
|
||||
// Update static pages
|
||||
|
||||
var isFront, view = this.turn('view');
|
||||
var isFront, view = this.turn('view');
|
||||
|
||||
for (p = 1; p <= d.totalPages; p++) {
|
||||
|
||||
if (isFront = (p==view[0] || p==view[1]))
|
||||
d.pageWrap[p].css({'z-index': d.totalPages, 'display': ''});
|
||||
d.pageWrap[p].css({'z-index': d.totalPages, display: ''});
|
||||
else if(p==view[0]-2 || p==view[1]+2)
|
||||
d.pageWrap[p].css({'z-index': d.totalPages-1, 'display': ''});
|
||||
d.pageWrap[p].css({'z-index': d.totalPages-1, display: ''});
|
||||
else
|
||||
d.pageWrap[p].css({'z-index': 0, 'display': 'none'});
|
||||
d.pageWrap[p].css({'z-index': 0, display: 'none'});
|
||||
|
||||
d.pages[p].flip('z', null);
|
||||
d.pages[p].flip('disable', !isFront);
|
||||
d.pages[p].flip('z', null);
|
||||
d.pages[p].flip('disable', !isFront);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
},
|
||||
|
||||
_pressed: function() {
|
||||
@ -682,13 +705,13 @@ flipMethods = {
|
||||
_c: function(corner, o) {
|
||||
|
||||
o = o || 0;
|
||||
return ({'tl': P(o, o),'tr': P(this.width()-o, o), 'bl': P(o, this.height()-o), 'br': P(this.width()-o, this.height()-o)})[corner];
|
||||
return ({tl: P(o, o), tr: P(this.width()-o, o), bl: P(o, this.height()-o), br: P(this.width()-o, this.height()-o)})[corner];
|
||||
|
||||
},
|
||||
|
||||
_c2: function(corner) {
|
||||
|
||||
return {'tl': P(this.width()*2, 0), 'tr': P(-this.width(), 0), 'bl': P(this.width()*2, this.height()), 'br': P(-this.width(), this.height())}[corner];
|
||||
return {tl: P(this.width()*2, 0), tr: P(-this.width(), 0), bl: P(this.width()*2, this.height()), br: P(-this.width(), this.height())}[corner];
|
||||
|
||||
},
|
||||
|
||||
@ -701,18 +724,38 @@ flipMethods = {
|
||||
|
||||
},
|
||||
|
||||
resize: function() {
|
||||
var d = this.data().pageFlip;
|
||||
resize: function(full) {
|
||||
var d = this.data().pageFlip,
|
||||
width = this.width(),
|
||||
height = this.height(),
|
||||
size = Math.round(Math.sqrt(Math.pow(width, 2)+Math.pow(height, 2)));
|
||||
|
||||
if (d.parent.is(":visible")) {
|
||||
d.fwrapper.css({'top': d.parent.offset().top,
|
||||
'left': d.parent.offset().left});
|
||||
if (full) {
|
||||
d.wrapper.css({width: size, height: size});
|
||||
|
||||
if (d.opt.turn)
|
||||
d.fparent.css({top: -d.opt.turn.offset().top, left: -d.opt.turn.offset().left});
|
||||
d.fwrapper.css({width: size, height: size}).
|
||||
children(':first-child').
|
||||
css({width: width, height: height});
|
||||
|
||||
d.fpage.css({width: height, height: width});
|
||||
|
||||
if (d.opt.frontShadow)
|
||||
d.ashadow.css({width: height, height: width});
|
||||
|
||||
if (d.opt.backShadow)
|
||||
d.bshadow.css({width: width, height: height});
|
||||
}
|
||||
|
||||
if (d.parent.is(':visible')) {
|
||||
d.fwrapper.css({top: d.parent.offset().top,
|
||||
left: d.parent.offset().left});
|
||||
|
||||
if (d.opt.turn)
|
||||
d.fparent.css({top: -d.opt.turn.offset().top, left: -d.opt.turn.offset().left});
|
||||
}
|
||||
|
||||
this.flip('z', d.opt['z-index']);
|
||||
|
||||
},
|
||||
|
||||
// Prepares the page by adding a general wrapper and another objects
|
||||
@ -732,6 +775,7 @@ flipMethods = {
|
||||
size = Math.round(Math.sqrt(Math.pow(width, 2)+Math.pow(height, 2)));
|
||||
|
||||
|
||||
d.parent = parent;
|
||||
d.fparent = (d.opt.turn) ? d.opt.turn.data().fparent : $('#turn-fwrappers');
|
||||
|
||||
if (!d.fparent) {
|
||||
@ -739,43 +783,45 @@ flipMethods = {
|
||||
fparent.data().flips = 0;
|
||||
|
||||
if (d.opt.turn) {
|
||||
fparent.css(divAtt(-d.opt.turn.offset().top, -d.opt.turn.offset().left, 'auto', 'auto', 'auto', 'visible').css).appendTo(d.opt.turn);
|
||||
fparent.css(divAtt(-d.opt.turn.offset().top, -d.opt.turn.offset().left, 'auto', 'visible').css).appendTo(d.opt.turn);
|
||||
d.opt.turn.data().fparent = fparent;
|
||||
} else {
|
||||
fparent.css(divAtt(0, 0, 'auto', 'auto', 'auto', 'visible').css).attr('id', 'turn-fwrappers').appendTo($('body'));
|
||||
fparent.css(divAtt(0, 0, 'auto', 'visible').css).attr('id', 'turn-fwrappers').appendTo($('body'));
|
||||
}
|
||||
|
||||
d.fparent = fparent;
|
||||
}
|
||||
|
||||
|
||||
d.parent = parent;
|
||||
this.css({position: 'absolute', top: 0, left: 0, bottom: 'auto', right: 'auto'});
|
||||
|
||||
this.css({'position': 'absolute', 'top': 0, 'left': 0, 'bottom': 'auto', 'right': 'auto'});
|
||||
|
||||
d.wrapper = $('<div/>', divAtt(top, left, size, size, this.css('z-index'))).
|
||||
d.wrapper = $('<div/>', divAtt(0, 0, this.css('z-index'))).
|
||||
appendTo(parent).
|
||||
prepend(this);
|
||||
|
||||
d.fwrapper = $('<div/>', divAtt(parent.offset().top, parent.offset().left, size, size)).
|
||||
d.fwrapper = $('<div/>', divAtt(parent.offset().top, parent.offset().left)).
|
||||
hide().
|
||||
appendTo(d.fparent);
|
||||
|
||||
d.fpage = $('<div/>', {'fpage': 1, 'css': {'width': height, 'height': width, 'cursor': 'default'}}).
|
||||
appendTo($('<div/>', divAtt(0, 0, width, height, 0, 'visible')).
|
||||
appendTo(d.fwrapper));
|
||||
d.fpage = $('<div/>', {css: {cursor: 'default'}}).
|
||||
appendTo($('<div/>', divAtt(0, 0, 0, 'visible')).
|
||||
appendTo(d.fwrapper));
|
||||
|
||||
if (d.opt.frontShadow)
|
||||
d.ashadow = $('<div/>', divAtt(0, 0, height, width, 1)).
|
||||
d.ashadow = $('<div/>', divAtt(0, 0, 1)).
|
||||
appendTo(d.fpage);
|
||||
|
||||
if (d.opt.backShadow)
|
||||
d.bshadow = $('<div/>', divAtt(0, 0, width, height, 1)).
|
||||
d.bshadow = $('<div/>', divAtt(0, 0, 1)).
|
||||
css({'position': ''}).
|
||||
appendTo(parent);
|
||||
|
||||
flipMethods.setData.apply(this, [d]);
|
||||
flipMethods.resize.apply(this);
|
||||
// Save data
|
||||
|
||||
flipMethods.setData.call(this, d);
|
||||
|
||||
// Set size
|
||||
flipMethods.resize.call(this, true);
|
||||
}
|
||||
|
||||
},
|
||||
@ -801,7 +847,7 @@ flipMethods = {
|
||||
d = this.data().pageFlip,
|
||||
ac = d.opt.acceleration,
|
||||
h = d.wrapper.height(),
|
||||
o = flipMethods._c.apply(this, [p.corner]),
|
||||
o = flipMethods._c.call(this, p.corner),
|
||||
top = p.corner.substr(0, 1) == 't',
|
||||
left = p.corner.substr(1, 1) == 'l',
|
||||
|
||||
@ -840,7 +886,7 @@ flipMethods = {
|
||||
var side = (left) ? px : width - px,
|
||||
sideX = side*Math.cos(alpha*2), sideY = side*Math.sin(alpha*2),
|
||||
gradientSize = side*Math.sin(alpha),
|
||||
endingPoint = flipMethods._c2.apply(that, [p.corner]),
|
||||
endingPoint = flipMethods._c2.call(that, p.corner),
|
||||
far = Math.sqrt(Math.pow(endingPoint.x-p.x, 2)+Math.pow(endingPoint.y-p.y, 2));
|
||||
df = P(Math.round(px + (left ? -sideX : sideX)), Math.round((top) ? sideY : height - sideY));
|
||||
|
||||
@ -856,10 +902,6 @@ flipMethods = {
|
||||
}
|
||||
|
||||
if (d.opt.frontShadow) {
|
||||
//gradientSize
|
||||
ppcen = gradientSize / ( (alpha<Math.atan2(width, height)) ? height / Math.cos(alpha) : width / Math.sin(alpha)) * 100;
|
||||
|
||||
//console.log(a, height / Math.cos(alpha) );
|
||||
|
||||
gradientStartV = gradientSize>100 ? (gradientSize-100)/gradientSize : 0;
|
||||
gradientEndPointA = P(gradientSize*Math.sin(a90-alpha)/height*100, gradientSize*Math.cos(a90-alpha)/width*100);
|
||||
@ -884,7 +926,7 @@ flipMethods = {
|
||||
transform = function(tr, c, x, a) {
|
||||
|
||||
var f = ['0', 'auto'], mvW = (width-h)*x[0]/100, mvH = (height-h)*x[1]/100, x = x[0] + '% ' + x[1] + '%',
|
||||
v = {'left': f[c[0]], 'top': f[c[1]], 'right': f[c[2]], 'bottom': f[c[3]]};
|
||||
v = {left: f[c[0]], top: f[c[1]], right: f[c[2]], bottom: f[c[3]]};
|
||||
|
||||
that.css(v).transform(rotate(a) + translate(tr.x, tr.y, ac), x);
|
||||
|
||||
@ -894,15 +936,12 @@ flipMethods = {
|
||||
d.fwrapper.transform(translate(-tr.x + mv.x + mvW, -tr.y + mv.y + mvH, ac) + rotate(-a), x);
|
||||
d.fpage.parent().transform(rotate(a) + translate(tr.x + df.x - mv.x, tr.y + df.y - mv.y, ac), x);
|
||||
|
||||
if (d.opt.frontShadow) // && !isTouch
|
||||
if (d.opt.frontShadow)
|
||||
d.ashadow.css({'background-image':
|
||||
'-webkit-gradient(linear, ' + (left?100:0)+'% '+(top?100:0)+'%, ' + gradientEndPointA.x + '% ' + gradientEndPointA.y + '%, color-stop(' + gradientStartV + ',rgba(0,0,0,0)), color-stop(' + (((1-gradientStartV)*0.8)+gradientStartV) + ',rgba(0,0,0,'+(0.2*gradientOpacity)+')), to(rgba(255,255,255,'+(0.2*gradientOpacity)+')) )'});
|
||||
|
||||
|
||||
//d.ashadow.css({'background-image': '-moz-linear-gradient('+(-a)+'deg, rgb(255,0,0) 0%, rgb(255,255,255) '+(ppcen/2)+'%, rgb(255,255,255) '+(ppcen*0.98)+'%, rgb(0,0,0) '+(ppcen*0.99)+'%, rgb(0,0,0) 99%)'});
|
||||
|
||||
// console.log(ppcen);
|
||||
if (d.opt.backShadow) // && !isTouch
|
||||
|
||||
if (d.opt.backShadow)
|
||||
d.bshadow.css({'background-image':
|
||||
'-webkit-gradient(linear, ' + (left?0:100)+'% '+(top?0:100)+'%, ' + gradientEndPointB.x + '% ' + gradientEndPointB.y + '%, color-stop(0.8,rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,'+(0.2*gradientOpacity)+')), to(rgba(0,0,0,0)) )'});
|
||||
|
||||
@ -971,13 +1010,13 @@ flipMethods = {
|
||||
if (d.opt.back)
|
||||
if (bool) {
|
||||
if (!( (d.ashadow? '1' : '0') in d.fpage.children())) {
|
||||
flipMethods.setData.apply(this, [{'backParent': d.opt.back.parent() }]);
|
||||
flipMethods.setData.call(this, {'backParent': d.opt.back.parent() });
|
||||
d.fpage.prepend(d.opt.back);
|
||||
}
|
||||
} else {
|
||||
d.opt.back.transform('', '0% 0%');
|
||||
if (d.backParent)
|
||||
d.backParent.prepend(d.opt.back);
|
||||
|
||||
}
|
||||
|
||||
},
|
||||
@ -991,25 +1030,25 @@ flipMethods = {
|
||||
|
||||
if (interpolate) {
|
||||
|
||||
var that = this, p = d.p || flipMethods._c.apply(this, [c.corner, 1]);
|
||||
var that = this, p = d.p || flipMethods._c.call(this, c.corner, 1);
|
||||
|
||||
this.animatef({from: [p.x, p.y], to:[c.x, c.y], duration: 500, frame: function(v) {
|
||||
flipMethods._displayCorner.apply(that, [{corner: c.corner, x: v[0], y: v[1]}]);
|
||||
flipMethods._displayCorner.call(that, {corner: c.corner, x: v[0], y: v[1]});
|
||||
}});
|
||||
|
||||
} else {
|
||||
|
||||
flipMethods._displayCorner.apply(this, [c]);
|
||||
flipMethods._displayCorner.call(this, c);
|
||||
if (dd.effect && !dd.effect.turning)
|
||||
this.animatef(false);
|
||||
|
||||
}
|
||||
|
||||
|
||||
if (!d.fwrapper.is(":visible")) {
|
||||
if (!d.fwrapper.is(':visible')) {
|
||||
d.fparent.show().data().flips++;
|
||||
|
||||
flipMethods._moveBackPage.apply(this, [true]);
|
||||
flipMethods._moveBackPage.call(this, true);
|
||||
d.fwrapper.show();
|
||||
|
||||
if (d.opt.backShadow)
|
||||
@ -1025,11 +1064,10 @@ flipMethods = {
|
||||
|
||||
var d = this.data().pageFlip;
|
||||
|
||||
|
||||
if ((--d.fparent.data().flips)==0)
|
||||
d.fparent.hide();
|
||||
|
||||
this.css({'left': 0, 'top': 0, 'right': 'auto', 'bottom': 'auto'}).transform('', '0% 100%');
|
||||
this.css({left: 0, top: 0, right: 'auto', bottom: 'auto'}).transform('', '0% 100%');
|
||||
|
||||
d.wrapper.transform('', '0% 100%');
|
||||
d.fwrapper.hide();
|
||||
@ -1056,7 +1094,7 @@ flipMethods = {
|
||||
};
|
||||
|
||||
if (interpolate) {
|
||||
var p2, p3, p4 = flipMethods._c.apply(this, [p1.corner]), top = (p1.corner.substr(0,1)=='t'),
|
||||
var p2, p3, p4 = flipMethods._c.call(this, p1.corner), top = (p1.corner.substr(0,1)=='t'),
|
||||
delta = Math.abs((p1.y-p4.y)/2);
|
||||
|
||||
p2 = P(p1.x, p1.y+delta);
|
||||
@ -1068,7 +1106,7 @@ flipMethods = {
|
||||
frame: function(v) {
|
||||
var np = bezier(p1, p2, p3, p4, v);
|
||||
np.corner = p1.corner;
|
||||
flipMethods._displayCorner.apply(that, [np]);
|
||||
flipMethods._displayCorner.call(that, np);
|
||||
},
|
||||
complete: hide,
|
||||
duration: 800,
|
||||
@ -1083,15 +1121,13 @@ flipMethods = {
|
||||
|
||||
turnPage: function() {
|
||||
|
||||
|
||||
var that = this,
|
||||
d = this.data().pageFlip,
|
||||
corner = (d.cornerActivated) ? d.cornerActivated.corner : flipMethods._cAllowed.apply(this)[0],
|
||||
p1 = d.p || flipMethods._c.apply(this, [corner]),
|
||||
p4 = flipMethods._c2.apply(this, [corner]);
|
||||
corner = (d.cornerActivated) ? d.cornerActivated.corner : flipMethods._cAllowed.call(this)[0],
|
||||
p1 = d.p || flipMethods._c.call(this, corner),
|
||||
p4 = flipMethods._c2.call(this, corner);
|
||||
|
||||
|
||||
|
||||
this.trigger('flip');
|
||||
|
||||
this.animatef({
|
||||
@ -1101,7 +1137,7 @@ flipMethods = {
|
||||
|
||||
var np = bezier(p1, p1, p4, p4, v);
|
||||
np.corner = corner;
|
||||
flipMethods._showThumbIndex.apply(that, [np]);
|
||||
flipMethods._showThumbIndex.call(that, np);
|
||||
|
||||
},
|
||||
|
||||
@ -1111,15 +1147,12 @@ flipMethods = {
|
||||
|
||||
},
|
||||
duration: d.opt.duration,
|
||||
/*duration: 10000,*/
|
||||
turning: true
|
||||
});
|
||||
|
||||
d.cornerActivated = null;
|
||||
|
||||
},
|
||||
|
||||
|
||||
moving: function() {
|
||||
|
||||
return 'effect' in this.data();
|
||||
@ -1156,7 +1189,7 @@ flipMethods = {
|
||||
if (!d.disabled && !this.flip('isTurning')) {
|
||||
d.cornerActivated = flipMethods._cornerActivated.apply(this, [e]);
|
||||
if (d.cornerActivated) {
|
||||
flipMethods._moveBackPage.apply(this, [true]);
|
||||
flipMethods._moveBackPage.call(this, true);
|
||||
this.trigger('pressed', [d.p]);
|
||||
return false;
|
||||
}
|
||||
@ -1172,15 +1205,15 @@ flipMethods = {
|
||||
if (d.cornerActivated) {
|
||||
|
||||
var pos = d.parent.offset();
|
||||
flipMethods._showThumbIndex.apply(this, [{corner: d.cornerActivated.corner, x: e[0].pageX-pos.left, y: e[0].pageY-pos.top}]);
|
||||
flipMethods._showThumbIndex.call(this, {corner: d.cornerActivated.corner, x: e[0].pageX-pos.left, y: e[0].pageY-pos.top});
|
||||
|
||||
} else if (!dd.effect && !isTouch) {
|
||||
|
||||
if (corner = flipMethods._cornerActivated.apply(this, [e[0]])){
|
||||
var c = flipMethods._c.apply(this, [corner.corner, d.opt.cornerSize/2]);
|
||||
flipMethods._showThumbIndex.apply(this, [{corner: corner.corner, x: c.x, y: c.y}, true]);
|
||||
|
||||
if (corner = flipMethods._cornerActivated.call(this, e[0])){
|
||||
var c = flipMethods._c.call(this, corner.corner, d.opt.cornerSize/2);
|
||||
flipMethods._showThumbIndex.call(this, {corner: corner.corner, x: c.x, y: c.y}, true);
|
||||
} else
|
||||
flipMethods.hideThumbIndex.apply(this, [true]);
|
||||
flipMethods.hideThumbIndex.call(this, true);
|
||||
|
||||
}
|
||||
},
|
||||
@ -1193,7 +1226,7 @@ flipMethods = {
|
||||
var event = jQuery.Event('released');
|
||||
this.trigger(event, [d.p]);
|
||||
if (!event.isPropagationStopped())
|
||||
flipMethods.hideThumbIndex.apply(this, [true]);
|
||||
flipMethods.hideThumbIndex.call(this, true);
|
||||
}
|
||||
|
||||
d.cornerActivated = null;
|
||||
|
||||
68
turn.min.js
vendored
68
turn.min.js
vendored
@ -1,35 +1,35 @@
|
||||
/* turn.js | turnjs.com | (c) 2012 Emmanuel Garcia | MIT Licensed */
|
||||
(function(f){var E=Math.PI,C=E/2,H="WebKitCSSMatrix"in window&&"m11"in new WebKitCSSMatrix,t="Touch"in window,L={backward:["bl","tl"],forward:["br","tr"],all:["tl","bl","tr","br"]},M={page:1,shadows:!0,duration:600,acceleration:!0},N={back:null,corners:"forward",cornerSize:100,shadows:!0,duration:600,acceleration:!0},u=function(a,b,c,d,e,g){return{css:{position:"absolute",top:a,left:b,width:c,height:d,"z-index":e||"auto",overflow:g||"hidden"}}},J=function(a,b,c,d,e){var g=1-e,B=g*g*g;mu3=e*e*e;return j(Math.round(B*
|
||||
a.x+3*e*g*g*b.x+3*e*e*g*c.x+mu3*d.x),Math.round(B*a.y+3*e*g*g*b.y+3*e*e*g*c.y+mu3*d.y))},j=function(a,b){return{x:a,y:b}},o=function(a,b,c){return H&&c?" translate3d("+a+"px,"+b+"px, 0px) ":" translate("+a+"px, "+b+"px) "},r=function(a){return" rotate("+a+"deg) "},i={init:function(a){var b,c,d=this.data();c=this.children();var e=c.length,a=f.extend({},M,a);d.opt=a;d.pageObjs={};d.pages={};d.pageWrap={};d.pagePlace={};d.pageMv=[];d.totalPages=e;this.css({position:"relative"});H&&!t&&a.acceleration&&
|
||||
this.transform(o(0,0,!0));for(b=1;b<=e;b++)d.pagePlace[b]=b,d.pageObjs[b]=f(c[b-1]).addClass("turn-page").addClass("p"+b),d.pageWrap[b]=f("<div/>",{"class":"turn-page-wrapper",css:{position:"absolute",width:d.pageObjs[b].width(),height:d.pageObjs[b].height()}}).attr("page",b).appendTo(this).prepend(d.pageObjs[b]);for(b=1;b<=e;b++)c=b%2==0,d.pages[b]=d.pageWrap[b].css(c?{top:0,left:0}:{top:0,right:0}).children(":first").flip({next:c?b-1:b+1,page:b,turn:this,duration:a.duration,acceleration:a.acceleration,
|
||||
corners:c?"backward":"forward",back:c?d.pageObjs[b-1]:d.pageObjs[b+1],backShadow:a.shadows&&b!=2&&b!=e-1,frontShadow:a.shadows}).bind("pressed",i._pressed).bind("released",i._released).bind("start",i._start).bind("end",i._end).bind("flip",i._flip);i.page.apply(this,[a.page]);d.done=!0;return this},_visiblePages:function(a){a=a||this.data().page;return a%2==0?[a,a+1]:[a-1,a]},_removeMv:function(a){var b,c=this.data();for(b=0;b<c.pageMv.length;b++)c.pageMv[b]==a&&(c.pageMv.splice(b,1),b--)},_addMv:function(a){var b=
|
||||
this.data();i._removeMv.apply(this,[a]);b.pageMv.push(a)},view:function(a){var b=this.data(),a=i._visiblePages.apply(this,[a]);return[b.pages[a[0]]?a[0]:0,b.pages[a[1]]?a[1]:0]},stop:function(){var a=this.data(),b;a.pageMv=[];if(a.tpage)a.page=a.tpage,delete a.tpage;this.turn("update");for(b=1;b<=a.totalPages;b++){var c=a.pages[b].data().pageFlip.opt;a.pages[b].flip("hideThumbIndex");h._moveBackPage.apply(a.pages[b],[null]);a.pagePlace[c.next]=c.next;if(c.force)c.next=c.page%2==0?c.page-1:c.page+
|
||||
1,a.pages[b].flip("setBackPage",a.pageObjs[c.next]),delete c.force}return this},page:function(a){var b=this.data(),c=this.turn("view");if(pg=b.pages[a])if(!b.done||(!c[0]||a>=c[0])&&(!c[1]||a<=c[1]))b.tpage=a,this.turn("stop"),this.trigger("turned",[a,pg]);else{b.tpage=a;this.turn("stop");var d,e,g=this.turn("view",a);c[1]&&a>c[1]?(d=c[1],e=g[0]):c[0]&&a<c[0]&&(d=c[0],e=g[1]);a=b.pages[d].data().pageFlip.opt;b.tpage=e;if(a.next!=e)a.next=e,b.pagePlace[a.next]=a.page,a.force=!0,h._moveBackPage.apply(b.pages[d],
|
||||
[!1]),b.pages[d].flip("setBackPage",b.pageObjs[e]);b.pages[d].flip("turnPage")}else return c[0]||c[1];return this},next:function(){i._moveTo.apply(this,[1]);return this},previous:function(){i._moveTo.apply(this,[-1]);return this},_moveTo:function(a){var b,c=this.data(),d=i._visiblePages.apply(this,[c.tpage||c.page])[a==1?1:0],a=d+a,e=function(a){return c.pages[a].data().pageFlip};for(b=0;b<c.pageMv.length;b++)if(e(c.pageMv[b]).opt.force){this.turn("stop");break}if(c.pages[a]&&c.pages[a])if(c.pages[a].flip("moving")||
|
||||
c.pagePlace[d]==a)b=e(a).opt,i._removeMv.apply(this,[b.pageMv]),i._addMv.apply(this,[d]),c.tpage=a,b.pageMv=d,c.pages[a].flip("hideThumbIndex",!0),c.pages[d].trigger("flip"),this.turn("update");else{c.tpage=a;if(e(d).fwrapper.is(":visible"))b=e(d).opt,i._removeMv.apply(this,[b.pageMv]),i._addPage.apply(c.pages[d]);c.pages[d].flip("turnPage")}},_addPage:function(){var a=f(this).data().pageFlip.opt,b=a.turn,c=b.data();a.pageMv=a.page;i._addMv.apply(b,[a.pageMv]);c.pagePlace[a.next]=a.page;b.turn("update")},
|
||||
_start:function(a){var b=f(this).data().pageFlip.opt;a.stopPropagation();i._addPage.apply(this);b.turn.trigger("start",[b.page])},_end:function(a,b){a.stopPropagation();var c=f(this),d=c.data().pageFlip.opt,e=d.turn,g=e.data();if(b||g.tpage){if(g.tpage==d.next||g.pageMv.length==0)g.page=g.tpage||d.next,delete g.tpage,e.turn("page",g.page);if(d.force)d.next=d.page%2==0?d.page-1:d.page+1,c.flip("setBackPage",e.data().pageObjs[d.next]),delete d.force}else i._removeMv.apply(e,[d.pageMv]),e.turn("update");
|
||||
e.trigger("end",[d.page,this])},resize:function(a){var b=this.data();for(p=1;p<=b.totalPages;p++)b.pages[p].flip("resize",a)},calculateZ:function(a){var b=this,c=this.data(),d,e,g,B=c.totalPages,h=a.length,f={pageZ:{},partZ:{},pageV:{}},j=function(a){a=b.turn("view",a);a[0]&&(f.pageV[a[0]]=!0);a[1]&&(f.pageV[a[1]]=!0)};g=this.turn("view");for(var i=g[0]||g[1],k=0;k<h;k++)d=a[k],e=c.pages[d].data().pageFlip.opt.next,g=c.pagePlace[d],j(d),j(e),d=c.pagePlace[e]==e?e:d,e=c.totalPages-Math.abs(i-d),f.pageZ[d]=
|
||||
e,f.partZ[g]=c.totalPages*2+Math.abs(i-d),d%2!=0&&c.pages[d-1]?(e-=h-1,f.pageZ[d-1]=e):d%2==0&&c.pages[d+1]&&(e-=d-1,f.pageZ[d+1]=e),e<B&&(B=e);for(var m in f.pageV)f.pageZ[m]||(f.pageZ[m]=--B);return f},update:function(){var a,b=this.data();if(b.pageMv.length){var c=this.turn("calculateZ",b.pageMv),d=this.turn("view",b.tpage),e;b.pagePlace[d[0]]==d[0]?e=d[0]:b.pagePlace[d[1]]==d[1]&&(e=d[1]);for(a=1;a<=b.totalPages;a++)b.pageWrap[a].css({"z-index":c.pageZ[a]||0,display:c.pageV[a]?"":"none"}),b.pages[a].flip("z",
|
||||
c.partZ[a]||null),c.pageV[a]&&b.pages[a].flip("resize"),b.tpage&&b.pages[a].flip("disable",a!=e)}else{d=this.turn("view");for(a=1;a<=b.totalPages;a++)(c=a==d[0]||a==d[1])?b.pageWrap[a].css({"z-index":b.totalPages,display:""}):a==d[0]-2||a==d[1]+2?b.pageWrap[a].css({"z-index":b.totalPages-1,display:""}):b.pageWrap[a].css({"z-index":0,display:"none"}),b.pages[a].flip("z",null),b.pages[a].flip("disable",!c)}},_pressed:function(){var a,b=f(this).data().pageFlip,c=b.opt.page,b=b.opt.turn.data().pages;
|
||||
for(a in b)a!=c&&b[a].flip("disable",!0);return this.time=(new Date).getTime()},_released:function(a,b){var c=f(this),d=(new Date).getTime()-this.time,e=c.data().pageFlip;if(d<200||b.x<0||b.x>f(this).width())a.stopPropagation(),e.opt.turn.data().tpage=e.opt.next,e.opt.turn.turn("update"),f(c).flip("turnPage")},_flip:function(){var a=f(this).data().pageFlip.opt;a.turn.trigger("turning",[a.next])},disable:function(a){var b=this.data(),a=typeof a=="undefined"?!0:a===!0;for(p=1;p<=b.totalPages;p++)b.pages[p].flip("disable",
|
||||
a)}},h={init:function(a){if(a.shadows)a.frontShadow=!0,a.backShadow=!0;h.setData.apply(this,[{opt:f.extend({},N,a)}]);h._addEvents.apply(this);h._addPageWrapper.apply(this);return this},setData:function(a){var b=this.data();b.pageFlip=f.extend(b.pageFlip||{},a)},_cAllowed:function(){return L[this.data().pageFlip.opt.corners]||this.data().pageFlip.opt.corners},_cornerActivated:function(a){var a=t?a.originalEvent.touches:[a],b;b=this.data().pageFlip;var c=b.parent.offset(),d=this.width(),e=this.height(),
|
||||
g=Math.max(0,a[0].pageX-c.left),a=Math.max(0,a[0].pageY-c.top),f=b.opt.cornerSize,c=h._cAllowed.apply(this);if(!b.opt.back||g<=0||a<=0||g>=d||a>=e)b=!1;else if(g<=f&&a<=f)b="tl";else if(g>=d-f&&a<=f)b="tr";else if(g<=f&&a>=e-f)b="bl";else if(g>=d-f&&a>=e-f)b="br";else return!1;return jQuery.inArray(b,c)!=-1?{corner:b,x:g,y:a}:!1},_c:function(a,b){b=b||0;return{tl:j(b,b),tr:j(this.width()-b,b),bl:j(b,this.height()-b),br:j(this.width()-b,this.height()-b)}[a]},_c2:function(a){return{tl:j(this.width()*
|
||||
2,0),tr:j(-this.width(),0),bl:j(this.width()*2,this.height()),br:j(-this.width(),this.height())}[a]},z:function(a){var b=this.data().pageFlip;b.opt["z-index"]=a;b.fwrapper.css({"z-index":a||parseInt(b.parent.css("z-index"))||0})},resize:function(){var a=this.data().pageFlip;a.parent.is(":visible")&&(a.fwrapper.css({top:a.parent.offset().top,left:a.parent.offset().left}),a.opt.turn&&a.fparent.css({top:-a.opt.turn.offset().top,left:-a.opt.turn.offset().left}));this.flip("z",a.opt["z-index"])},_addPageWrapper:function(){var a=
|
||||
this.data().pageFlip,b=this.parent();if(!a.wrapper){var c=this.css("left"),d=this.css("top"),e=this.width(),g=this.height(),j=Math.round(Math.sqrt(Math.pow(e,2)+Math.pow(g,2)));a.fparent=a.opt.turn?a.opt.turn.data().fparent:f("#turn-fwrappers");if(!a.fparent){var i=f("<div/>").hide();i.data().flips=0;a.opt.turn?(i.css(u(-a.opt.turn.offset().top,-a.opt.turn.offset().left,"auto","auto","auto","visible").css).appendTo(a.opt.turn),a.opt.turn.data().fparent=i):i.css(u(0,0,"auto","auto","auto","visible").css).attr("id",
|
||||
"turn-fwrappers").appendTo(f("body"));a.fparent=i}a.parent=b;this.css({position:"absolute",top:0,left:0,bottom:"auto",right:"auto"});a.wrapper=f("<div/>",u(d,c,j,j,this.css("z-index"))).appendTo(b).prepend(this);a.fwrapper=f("<div/>",u(b.offset().top,b.offset().left,j,j)).hide().appendTo(a.fparent);a.fpage=f("<div/>",{fpage:1,css:{width:g,height:e,cursor:"default"}}).appendTo(f("<div/>",u(0,0,e,g,0,"visible")).appendTo(a.fwrapper));if(a.opt.frontShadow)a.ashadow=f("<div/>",u(0,0,g,e,1)).appendTo(a.fpage);
|
||||
if(a.opt.backShadow)a.bshadow=f("<div/>",u(0,0,e,g,1)).css({position:""}).appendTo(b);h.setData.apply(this,[a]);h.resize.apply(this)}},_displayCorner:function(a){var b=this,c=0,d=0,e,g,f,i,F,w=j(0,0),I=j(0,0),k=j(0,0),m=this.width(),q=this.height(),l=this.data().pageFlip,v=l.opt.acceleration,u=l.wrapper.height(),t=h._c.apply(this,[a.corner]),A=a.corner.substr(0,1)=="t",x=a.corner.substr(1,1)=="l",D=function(){var n=j(t.x?t.x-a.x:a.x,t.y?t.y-a.y:a.y),y=Math.atan2(n.y,n.x),s;d=C-y;c=d/E*180;s=j(x?m-
|
||||
n.x/2:a.x+n.x/2,n.y/2);var z=Math.max(0,Math.sin(d-Math.atan2(s.y,s.x))*Math.sqrt(Math.pow(s.x,2)+Math.pow(s.y,2)));k=j(z*Math.sin(d),z*Math.cos(d));if(d>C&&(k.x+=Math.abs(k.y*Math.tan(y)),k.y=0,Math.round(k.x*Math.tan(E-d))<q)){a.y=Math.sqrt(Math.pow(q,2)+2*s.x*n.x);if(A)a.y=q-a.y;return D()}e=Math.round(k.y/Math.tan(d)+k.x);x&&(e=m-e);n=x?e:m-e;y=n*Math.cos(d*2);s=n*Math.sin(d*2);n*=Math.sin(d);z=h._c2.apply(b,[a.corner]);z=Math.sqrt(Math.pow(z.x-a.x,2)+Math.pow(z.y-a.y,2));I=j(Math.round(e+(x?
|
||||
-y:y)),Math.round(A?s:q-s));F=z<m?z/m:1;if(d>C){y=E-d;s=u-q/Math.sin(y);w=j(Math.round(s*Math.cos(y)),Math.round(s*Math.sin(y)));if(x)w.x=-w.x;if(A)w.y=-w.y}if(l.opt.frontShadow){ppcen=n/(d<Math.atan2(m,q)?q/Math.cos(d):m/Math.sin(d))*100;i=n>100?(n-100)/n:0;g=j(n*Math.sin(C-d)/q*100,n*Math.cos(C-d)/m*100);if(A)g.y=100-g.y;if(x)g.x=100-g.x}if(l.opt.backShadow){f=j(n*Math.sin(d)/m*100,n*Math.cos(d)/q*100);if(!x)f.x=100-f.x;if(!A)f.y=100-f.y}k.x=Math.round(k.x);k.y=Math.round(k.y);return!0},G=function(a,
|
||||
c,d,e){var h=["0","auto"],j=(m-u)*d[0]/100,k=(q-u)*d[1]/100,d=d[0]+"% "+d[1]+"%",c={left:h[c[0]],top:h[c[1]],right:h[c[2]],bottom:h[c[3]]};b.css(c).transform(r(e)+o(a.x,a.y,v),d);l.fpage.parent().css(c);l.wrapper.transform(o(-a.x+j,-a.y+k,v)+r(-e),d);l.fwrapper.transform(o(-a.x+w.x+j,-a.y+w.y+k,v)+r(-e),d);l.fpage.parent().transform(r(e)+o(a.x+I.x-w.x,a.y+I.y-w.y,v),d);l.opt.frontShadow&&l.ashadow.css({"background-image":"-webkit-gradient(linear, "+(x?100:0)+"% "+(A?100:0)+"%, "+g.x+"% "+g.y+"%, color-stop("+
|
||||
i+",rgba(0,0,0,0)), color-stop("+((1-i)*0.8+i)+",rgba(0,0,0,"+0.2*F+")), to(rgba(255,255,255,"+0.2*F+")) )"});l.opt.backShadow&&l.bshadow.css({"background-image":"-webkit-gradient(linear, "+(x?0:100)+"% "+(A?0:100)+"%, "+f.x+"% "+f.y+"%, color-stop(0.8,rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,"+0.2*F+")), to(rgba(0,0,0,0)) )"})};switch(a.corner){case "tl":a.x=Math.max(a.x,1);D();G(k,[1,0,0,1],[100,0],c);l.fpage.transform(o(-q,-m,v)+r(90-c*2),"100% 100%");l.opt.back.transform(r(90)+o(0,-q,v),"0% 0%");
|
||||
break;case "tr":a.x=Math.min(a.x,m-1);D();G(j(-k.x,k.y),[0,0,0,1],[0,0],-c);l.fpage.transform(o(0,-m,v)+r(-90+c*2),"0% 100%");l.opt.back.transform(r(270)+o(-m,0,v),"0% 0%");break;case "bl":a.x=Math.max(a.x,1);D();G(j(k.x,-k.y),[1,1,0,0],[100,100],-c);l.fpage.transform(o(-q,0,v)+r(-90+c*2),"100% 0%");l.opt.back.transform(r(270)+o(-m,0,v),"0% 0%");break;case "br":a.x=Math.min(a.x,m-1),D(),G(j(-k.x,-k.y),[0,1,1,0],[0,100],c),l.fpage.transform(r(90-c*2),"0% 0%"),l.opt.back.transform(r(90)+o(0,-q,v),"0% 0%")}l.p=
|
||||
a},setBackPage:function(a){var b=this.data().pageFlip;b.opt.back=a;b.backParent=a.parent()},_moveBackPage:function(a){var b=this.data().pageFlip;if(b.opt.back)if(a){if(!((b.ashadow?"1":"0")in b.fpage.children()))h.setData.apply(this,[{backParent:b.opt.back.parent()}]),b.fpage.prepend(b.opt.back)}else b.opt.back.transform("","0% 0%"),b.backParent&&b.backParent.prepend(b.opt.back)},_showThumbIndex:function(a,b){var c=this.data(),d=c.pageFlip;if(d.opt.back){if(b){var e=this,c=d.p||h._c.apply(this,[a.corner,
|
||||
1]);this.animatef({from:[c.x,c.y],to:[a.x,a.y],duration:500,frame:function(b){h._displayCorner.apply(e,[{corner:a.corner,x:b[0],y:b[1]}])}})}else h._displayCorner.apply(this,[a]),c.effect&&!c.effect.turning&&this.animatef(!1);d.fwrapper.is(":visible")||(d.fparent.show().data().flips++,h._moveBackPage.apply(this,[!0]),d.fwrapper.show(),d.opt.backShadow&&d.bshadow.show(),this.trigger("start"))}},hide:function(){var a=this.data().pageFlip;--a.fparent.data().flips==0&&a.fparent.hide();this.css({left:0,
|
||||
top:0,right:"auto",bottom:"auto"}).transform("","0% 100%");a.wrapper.transform("","0% 100%");a.fwrapper.hide();a.opt.backShadow&&a.bshadow.hide();a.opt.back.transform("","0% 0%")},hideThumbIndex:function(a){var b=this.data().pageFlip;if(b.p){var c=this,d=b.p,e=function(){b.p=null;c.flip("hide");c.trigger("end",[!1])};if(a){var g,f,i=h._c.apply(this,[d.corner]),a=d.corner.substr(0,1)=="t",o=Math.abs((d.y-i.y)/2);g=j(d.x,d.y+o);f=j(i.x,a?i.y+o:i.y-o);this.animatef({from:0,to:1,frame:function(a){a=J(d,
|
||||
g,f,i,a);a.corner=d.corner;h._displayCorner.apply(c,[a])},complete:e,duration:800,hiding:!0})}else this.animatef(!1),e()}},turnPage:function(){var a=this,b=this.data().pageFlip,c=b.cornerActivated?b.cornerActivated.corner:h._cAllowed.apply(this)[0],d=b.p||h._c.apply(this,[c]),e=h._c2.apply(this,[c]);this.trigger("flip");this.animatef({from:0,to:1,frame:function(b){b=J(d,d,e,e,b);b.corner=c;h._showThumbIndex.apply(a,[b])},complete:function(){a.trigger("end",[!0])},duration:b.opt.duration,turning:!0});
|
||||
b.cornerActivated=null},moving:function(){return"effect"in this.data()},isTurning:function(){return this.flip("moving")&&this.data().effect.turning},_addEvents:function(){var a=this,b=t?{start:"touchstart",move:"touchmove",end:"touchend"}:{start:"mousedown",move:"mousemove",end:"mouseup"};f(document).bind(b.start,function(){return h._eventStart.apply(a,arguments)}).bind(b.move,function(){h._eventMove.apply(a,arguments)}).bind(b.end,function(){h._eventEnd.apply(a,arguments)})},_eventStart:function(a){var b=
|
||||
this.data().pageFlip;if(!b.disabled&&!this.flip("isTurning")&&(b.cornerActivated=h._cornerActivated.apply(this,[a]),b.cornerActivated))return h._moveBackPage.apply(this,[!0]),this.trigger("pressed",[b.p]),!1},_eventMove:function(a){var b=this.data(),c=b.pageFlip,a=t?a.originalEvent.touches:[a];c.disabled||(c.cornerActivated?(b=c.parent.offset(),h._showThumbIndex.apply(this,[{corner:c.cornerActivated.corner,x:a[0].pageX-b.left,y:a[0].pageY-b.top}])):!b.effect&&!t&&((corner=h._cornerActivated.apply(this,
|
||||
[a[0]]))?(a=h._c.apply(this,[corner.corner,c.opt.cornerSize/2]),h._showThumbIndex.apply(this,[{corner:corner.corner,x:a.x,y:a.y},!0])):h.hideThumbIndex.apply(this,[!0])))},_eventEnd:function(){var a=this.data().pageFlip;if(!a.disabled&&a.cornerActivated){var b=jQuery.Event("released");this.trigger(b,[a.p]);b.isPropagationStopped()||h.hideThumbIndex.apply(this,[!0])}a.cornerActivated=null},disable:function(a){h.setData.apply(this,[{disabled:a}])}},K=function(a,b,c){if(!c[0]||typeof c[0]=="object")return b.init.apply(a,
|
||||
c);else if(b[c[0]]&&c[0].toString().substr(0,1)!="_")return b[c[0]].apply(a,Array.prototype.slice.call(c,1));else throw c[0]+" is an invalid value";};f.extend(f.fn,{flip:function(a,b){return K(this,h,arguments)},turn:function(a){return K(this,i,arguments)},transform:function(a,b){b&&this.css({"transform-origin":b,"-moz-transform-origin":b,"-o-transform-origin":b,"-webkit-transform-origin":b,"-ms-transform-origin":b});return this.css({transform:a,"-moz-transform":a,"-o-transform":a,"-webkit-transform":a,
|
||||
"-ms-transform":a})},animatef:function(a){var b=this.data();b.effect&&clearInterval(b.effect.handle);if(a){if(!a.to.length)a.to=[a.to];if(!a.from.length)a.from=[a.from];if(!a.easing)a.easing=function(a,b,c,d,e){return d*Math.sqrt(1-(b=b/e-1)*b)+c};var c,d=[],e=a.to.length,f=this,h=a.fps||30,i=-h,j=function(){var c,j=[];i=Math.min(a.duration,i+h);for(c=0;c<e;c++)j.push(a.easing(1,i,a.from[c],d[c],a.duration));a.frame(e==1?j[0]:j);i==a.duration&&(clearInterval(b.effect.handle),delete b.effect,f.data(b),
|
||||
a.complete&&a.complete())};for(c=0;c<e;c++)d.push(a.to[c]-a.from[c]);b.effect=a;b.effect.handle=setInterval(j,h);this.data(b);j()}else delete b.effect}});f.has3d=H;f.isTouch=t})(jQuery);
|
||||
(function(h){var D=Math.PI,B=D/2,G="WebKitCSSMatrix"in window&&"m11"in new WebKitCSSMatrix,u="Touch"in window,K={backward:["bl","tl"],forward:["br","tr"],all:["tl","bl","tr","br"]},L={page:1,shadows:!0,duration:600,acceleration:!0},M={back:null,corners:"forward",cornerSize:100,shadows:!0,duration:600,acceleration:!0},v=function(a,b,c,d){return{css:{position:"absolute",top:a,left:b,overflow:d||"hidden","z-index":c||"auto"}}},I=function(a,b,c,d,e){var i=1-e,g=i*i*i;mu3=e*e*e;return f(Math.round(g*a.x+
|
||||
3*e*i*i*b.x+3*e*e*i*c.x+mu3*d.x),Math.round(g*a.y+3*e*i*i*b.y+3*e*e*i*c.y+mu3*d.y))},f=function(a,b){return{x:a,y:b}},o=function(a,b,c){return G&&c?" translate3d("+a+"px,"+b+"px, 0px) ":" translate("+a+"px, "+b+"px) "},q=function(a){return" rotate("+a+"deg) "},j={init:function(a){var b,c,d=this.data();c=this.children();var e=c.length,a=h.extend({width:this.width(),height:this.height()},L,a);d.opt=a;d.pageObjs={};d.pages={};d.pageWrap={};d.pagePlace={};d.pageMv=[];d.totalPages=e;this.css({position:"relative"});
|
||||
G&&!u&&a.acceleration&&this.transform(o(0,0,!0));for(b=1;b<=e;b++)d.pagePlace[b]=b,d.pageObjs[b]=h(c[b-1]).addClass("turn-page p"+b),d.pageWrap[b]=h("<div/>",{"class":"turn-page-wrapper",css:{position:"absolute"}}).attr("page",b).appendTo(this).prepend(d.pageObjs[b]);for(b=1;b<=e;b++)c=b%2==0,d.pages[b]=d.pageWrap[b].css(c?{top:0,left:0}:{top:0,right:0}).children(":first").flip({next:c?b-1:b+1,page:b,turn:this,duration:a.duration,acceleration:a.acceleration,corners:c?"backward":"forward",back:c?d.pageObjs[b-
|
||||
1]:d.pageObjs[b+1],backShadow:a.shadows&&b!=2&&b!=e-1,frontShadow:a.shadows}).bind("pressed",j._pressed).bind("released",j._released).bind("start",j._start).bind("end",j._end).bind("flip",j._flip);j.page.apply(this,[a.page]);d.done=!0;this.turn("size",a.width,a.height);return this},size:function(a,b){if(a&&b){var c=this.data(),d=a/2,e;this.css({width:a,height:b});for(e=1;e<=c.totalPages;e++)c.pageWrap[e].css({width:d,height:b}),c.pages[e]&&c.pages[e].css({width:d,height:b});this.turn("resize");return this}else return{width:this.width(),
|
||||
height:this.height()}},_visiblePages:function(a){a=a||this.data().page;return a%2==0?[a,a+1]:[a-1,a]},_removeMv:function(a){var b,c=this.data();for(b=0;b<c.pageMv.length;b++)c.pageMv[b]==a&&(c.pageMv.splice(b,1),b--)},_addMv:function(a){var b=this.data();j._removeMv.apply(this,[a]);b.pageMv.push(a)},view:function(a){var b=this.data(),a=j._visiblePages.apply(this,[a]);return[b.pages[a[0]]?a[0]:0,b.pages[a[1]]?a[1]:0]},stop:function(){var a=this.data(),b;a.pageMv=[];if(a.tpage)a.page=a.tpage,delete a.tpage;
|
||||
this.turn("update");for(b=1;b<=a.totalPages;b++){var c=a.pages[b].data().pageFlip.opt;a.pages[b].flip("hideThumbIndex");g._moveBackPage.apply(a.pages[b],[null]);a.pagePlace[c.next]=c.next;if(c.force)c.next=c.page%2==0?c.page-1:c.page+1,a.pages[b].flip("setBackPage",a.pageObjs[c.next]),delete c.force}return this},page:function(a){var b=this.data(),c=this.turn("view");if(pg=b.pages[a])if(!b.done||(!c[0]||a>=c[0])&&(!c[1]||a<=c[1]))b.tpage=a,this.turn("stop"),this.trigger("turned",[a,pg]);else{b.tpage=
|
||||
a;this.turn("stop");var d,e,i=this.turn("view",a);c[1]&&a>c[1]?(d=c[1],e=i[0]):c[0]&&a<c[0]&&(d=c[0],e=i[1]);a=b.pages[d].data().pageFlip.opt;b.tpage=e;if(a.next!=e)a.next=e,b.pagePlace[a.next]=a.page,a.force=!0,g._moveBackPage.apply(b.pages[d],[!1]),b.pages[d].flip("setBackPage",b.pageObjs[e]);b.pages[d].flip("turnPage")}else return c[0]||c[1];return this},next:function(){j._moveTo.apply(this,[1]);return this},previous:function(){j._moveTo.apply(this,[-1]);return this},_moveTo:function(a){var b,
|
||||
c=this.data(),d=j._visiblePages.apply(this,[c.tpage||c.page])[a==1?1:0],a=d+a,e=function(a){return c.pages[a].data().pageFlip};for(b=0;b<c.pageMv.length;b++)if(e(c.pageMv[b]).opt.force){this.turn("stop");break}if(c.pages[a]&&c.pages[a])if(c.pages[a].flip("moving")||c.pagePlace[d]==a)b=e(a).opt,j._removeMv.apply(this,[b.pageMv]),j._addMv.apply(this,[d]),c.tpage=a,b.pageMv=d,c.pages[a].flip("hideThumbIndex",!0),c.pages[d].trigger("flip"),this.turn("update");else{c.tpage=a;if(e(d).fwrapper.is(":visible"))b=
|
||||
e(d).opt,j._removeMv.apply(this,[b.pageMv]),j._addPage.apply(c.pages[d]);c.pages[d].flip("turnPage")}},_addPage:function(){var a=h(this).data().pageFlip.opt,b=a.turn,c=b.data();a.pageMv=a.page;j._addMv.apply(b,[a.pageMv]);c.pagePlace[a.next]=a.page;b.turn("update")},_start:function(a){var b=h(this).data().pageFlip.opt;a.stopPropagation();j._addPage.apply(this);b.turn.trigger("start",[b.page])},_end:function(a,b){a.stopPropagation();var c=h(this),d=c.data().pageFlip.opt,e=d.turn,i=e.data();if(b||i.tpage){if(i.tpage==
|
||||
d.next||i.pageMv.length==0)i.page=i.tpage||d.next,delete i.tpage,e.turn("page",i.page);if(d.force)d.next=d.page%2==0?d.page-1:d.page+1,c.flip("setBackPage",e.data().pageObjs[d.next]),delete d.force}else j._removeMv.apply(e,[d.pageMv]),e.turn("update");e.trigger("end",[d.page,this])},resize:function(){var a=this.data();for(p=1;p<=a.totalPages;p++)a.pages[p].flip("resize",!0)},calculateZ:function(a){var b=this,c=this.data(),d,e,i,g=c.totalPages,h=a.length,f={pageZ:{},partZ:{},pageV:{}},s=function(a){a=
|
||||
b.turn("view",a);a[0]&&(f.pageV[a[0]]=!0);a[1]&&(f.pageV[a[1]]=!0)};i=this.turn("view");for(var j=i[0]||i[1],k=0;k<h;k++)d=a[k],e=c.pages[d].data().pageFlip.opt.next,i=c.pagePlace[d],s(d),s(e),d=c.pagePlace[e]==e?e:d,e=c.totalPages-Math.abs(j-d),f.pageZ[d]=e,f.partZ[i]=c.totalPages*2+Math.abs(j-d),d%2!=0&&c.pages[d-1]?(e-=h-1,f.pageZ[d-1]=e):d%2==0&&c.pages[d+1]&&(e-=d-1,f.pageZ[d+1]=e),e<g&&(g=e);for(var m in f.pageV)f.pageZ[m]||(f.pageZ[m]=--g);return f},update:function(){var a,b=this.data();if(b.pageMv.length){var c=
|
||||
this.turn("calculateZ",b.pageMv),d=this.turn("view",b.tpage),e;b.pagePlace[d[0]]==d[0]?e=d[0]:b.pagePlace[d[1]]==d[1]&&(e=d[1]);for(a=1;a<=b.totalPages;a++)b.pageWrap[a].css({display:c.pageV[a]?"":"none","z-index":c.pageZ[a]||0}),b.pages[a].flip("z",c.partZ[a]||null),c.pageV[a]&&b.pages[a].flip("resize"),b.tpage&&b.pages[a].flip("disable",a!=e)}else{d=this.turn("view");for(a=1;a<=b.totalPages;a++)(c=a==d[0]||a==d[1])?b.pageWrap[a].css({"z-index":b.totalPages,display:""}):a==d[0]-2||a==d[1]+2?b.pageWrap[a].css({"z-index":b.totalPages-
|
||||
1,display:""}):b.pageWrap[a].css({"z-index":0,display:"none"}),b.pages[a].flip("z",null),b.pages[a].flip("disable",!c)}},_pressed:function(){var a,b=h(this).data().pageFlip,c=b.opt.page,b=b.opt.turn.data().pages;for(a in b)a!=c&&b[a].flip("disable",!0);return this.time=(new Date).getTime()},_released:function(a,b){var c=h(this),d=(new Date).getTime()-this.time,e=c.data().pageFlip;if(d<200||b.x<0||b.x>h(this).width())a.stopPropagation(),e.opt.turn.data().tpage=e.opt.next,e.opt.turn.turn("update"),
|
||||
h(c).flip("turnPage")},_flip:function(){var a=h(this).data().pageFlip.opt;a.turn.trigger("turning",[a.next])},disable:function(a){var b=this.data(),a=typeof a=="undefined"?!0:a===!0;for(p=1;p<=b.totalPages;p++)b.pages[p].flip("disable",a)}},g={init:function(a){if(a.shadows)a.frontShadow=!0,a.backShadow=!0;g.setData.apply(this,[{opt:h.extend({},M,a)}]);g._addEvents.apply(this);g._addPageWrapper.apply(this);return this},setData:function(a){var b=this.data();b.pageFlip=h.extend(b.pageFlip||{},a)},_cAllowed:function(){return K[this.data().pageFlip.opt.corners]||
|
||||
this.data().pageFlip.opt.corners},_cornerActivated:function(a){var a=u?a.originalEvent.touches:[a],b;b=this.data().pageFlip;var c=b.parent.offset(),d=this.width(),e=this.height(),i=Math.max(0,a[0].pageX-c.left),a=Math.max(0,a[0].pageY-c.top),f=b.opt.cornerSize,c=g._cAllowed.apply(this);if(!b.opt.back||i<=0||a<=0||i>=d||a>=e)b=!1;else if(i<=f&&a<=f)b="tl";else if(i>=d-f&&a<=f)b="tr";else if(i<=f&&a>=e-f)b="bl";else if(i>=d-f&&a>=e-f)b="br";else return!1;return jQuery.inArray(b,c)!=-1?{corner:b,x:i,
|
||||
y:a}:!1},_c:function(a,b){b=b||0;return{tl:f(b,b),tr:f(this.width()-b,b),bl:f(b,this.height()-b),br:f(this.width()-b,this.height()-b)}[a]},_c2:function(a){return{tl:f(this.width()*2,0),tr:f(-this.width(),0),bl:f(this.width()*2,this.height()),br:f(-this.width(),this.height())}[a]},z:function(a){var b=this.data().pageFlip;b.opt["z-index"]=a;b.fwrapper.css({"z-index":a||parseInt(b.parent.css("z-index"))||0})},resize:function(a){var b=this.data().pageFlip,c=this.width(),d=this.height(),e=Math.round(Math.sqrt(Math.pow(c,
|
||||
2)+Math.pow(d,2)));a&&(b.wrapper.css({width:e,height:e}),b.fwrapper.css({width:e,height:e}).children(":first-child").css({width:c,height:d}),b.fpage.css({width:d,height:c}),b.opt.frontShadow&&b.ashadow.css({width:d,height:c}),b.opt.backShadow&&b.bshadow.css({width:c,height:d}));b.parent.is(":visible")&&(b.fwrapper.css({top:b.parent.offset().top,left:b.parent.offset().left}),b.opt.turn&&b.fparent.css({top:-b.opt.turn.offset().top,left:-b.opt.turn.offset().left}));this.flip("z",b.opt["z-index"])},_addPageWrapper:function(){var a=
|
||||
this.data().pageFlip,b=this.parent();if(!a.wrapper){this.css("left");this.css("top");this.width();this.height();a.parent=b;a.fparent=a.opt.turn?a.opt.turn.data().fparent:h("#turn-fwrappers");if(!a.fparent){var c=h("<div/>").hide();c.data().flips=0;a.opt.turn?(c.css(v(-a.opt.turn.offset().top,-a.opt.turn.offset().left,"auto","visible").css).appendTo(a.opt.turn),a.opt.turn.data().fparent=c):c.css(v(0,0,"auto","visible").css).attr("id","turn-fwrappers").appendTo(h("body"));a.fparent=c}this.css({position:"absolute",
|
||||
top:0,left:0,bottom:"auto",right:"auto"});a.wrapper=h("<div/>",v(0,0,this.css("z-index"))).appendTo(b).prepend(this);a.fwrapper=h("<div/>",v(b.offset().top,b.offset().left)).hide().appendTo(a.fparent);a.fpage=h("<div/>",{css:{cursor:"default"}}).appendTo(h("<div/>",v(0,0,0,"visible")).appendTo(a.fwrapper));if(a.opt.frontShadow)a.ashadow=h("<div/>",v(0,0,1)).appendTo(a.fpage);if(a.opt.backShadow)a.bshadow=h("<div/>",v(0,0,1)).css({position:""}).appendTo(b);g.setData.call(this,a);g.resize.call(this,
|
||||
!0)}},_displayCorner:function(a){var b=this,c=0,d=0,e,i,h,j,E,s=f(0,0),H=f(0,0),k=f(0,0),m=this.width(),r=this.height(),l=this.data().pageFlip,w=l.opt.acceleration,v=l.wrapper.height(),u=g._c.call(this,a.corner),A=a.corner.substr(0,1)=="t",x=a.corner.substr(1,1)=="l",C=function(){var n=f(u.x?u.x-a.x:a.x,u.y?u.y-a.y:a.y),y=Math.atan2(n.y,n.x),t;d=B-y;c=d/D*180;t=f(x?m-n.x/2:a.x+n.x/2,n.y/2);var z=Math.max(0,Math.sin(d-Math.atan2(t.y,t.x))*Math.sqrt(Math.pow(t.x,2)+Math.pow(t.y,2)));k=f(z*Math.sin(d),
|
||||
z*Math.cos(d));if(d>B&&(k.x+=Math.abs(k.y*Math.tan(y)),k.y=0,Math.round(k.x*Math.tan(D-d))<r)){a.y=Math.sqrt(Math.pow(r,2)+2*t.x*n.x);if(A)a.y=r-a.y;return C()}e=Math.round(k.y/Math.tan(d)+k.x);x&&(e=m-e);n=x?e:m-e;y=n*Math.cos(d*2);t=n*Math.sin(d*2);n*=Math.sin(d);z=g._c2.call(b,a.corner);z=Math.sqrt(Math.pow(z.x-a.x,2)+Math.pow(z.y-a.y,2));H=f(Math.round(e+(x?-y:y)),Math.round(A?t:r-t));E=z<m?z/m:1;if(d>B){y=D-d;t=v-r/Math.sin(y);s=f(Math.round(t*Math.cos(y)),Math.round(t*Math.sin(y)));if(x)s.x=
|
||||
-s.x;if(A)s.y=-s.y}if(l.opt.frontShadow){j=n>100?(n-100)/n:0;i=f(n*Math.sin(B-d)/r*100,n*Math.cos(B-d)/m*100);if(A)i.y=100-i.y;if(x)i.x=100-i.x}if(l.opt.backShadow){h=f(n*Math.sin(d)/m*100,n*Math.cos(d)/r*100);if(!x)h.x=100-h.x;if(!A)h.y=100-h.y}k.x=Math.round(k.x);k.y=Math.round(k.y);return!0},F=function(a,c,d,e){var f=["0","auto"],g=(m-v)*d[0]/100,k=(r-v)*d[1]/100,d=d[0]+"% "+d[1]+"%",c={left:f[c[0]],top:f[c[1]],right:f[c[2]],bottom:f[c[3]]};b.css(c).transform(q(e)+o(a.x,a.y,w),d);l.fpage.parent().css(c);
|
||||
l.wrapper.transform(o(-a.x+g,-a.y+k,w)+q(-e),d);l.fwrapper.transform(o(-a.x+s.x+g,-a.y+s.y+k,w)+q(-e),d);l.fpage.parent().transform(q(e)+o(a.x+H.x-s.x,a.y+H.y-s.y,w),d);l.opt.frontShadow&&l.ashadow.css({"background-image":"-webkit-gradient(linear, "+(x?100:0)+"% "+(A?100:0)+"%, "+i.x+"% "+i.y+"%, color-stop("+j+",rgba(0,0,0,0)), color-stop("+((1-j)*0.8+j)+",rgba(0,0,0,"+0.2*E+")), to(rgba(255,255,255,"+0.2*E+")) )"});l.opt.backShadow&&l.bshadow.css({"background-image":"-webkit-gradient(linear, "+
|
||||
(x?0:100)+"% "+(A?0:100)+"%, "+h.x+"% "+h.y+"%, color-stop(0.8,rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,"+0.2*E+")), to(rgba(0,0,0,0)) )"})};switch(a.corner){case "tl":a.x=Math.max(a.x,1);C();F(k,[1,0,0,1],[100,0],c);l.fpage.transform(o(-r,-m,w)+q(90-c*2),"100% 100%");l.opt.back.transform(q(90)+o(0,-r,w),"0% 0%");break;case "tr":a.x=Math.min(a.x,m-1);C();F(f(-k.x,k.y),[0,0,0,1],[0,0],-c);l.fpage.transform(o(0,-m,w)+q(-90+c*2),"0% 100%");l.opt.back.transform(q(270)+o(-m,0,w),"0% 0%");break;case "bl":a.x=
|
||||
Math.max(a.x,1);C();F(f(k.x,-k.y),[1,1,0,0],[100,100],-c);l.fpage.transform(o(-r,0,w)+q(-90+c*2),"100% 0%");l.opt.back.transform(q(270)+o(-m,0,w),"0% 0%");break;case "br":a.x=Math.min(a.x,m-1),C(),F(f(-k.x,-k.y),[0,1,1,0],[0,100],c),l.fpage.transform(q(90-c*2),"0% 0%"),l.opt.back.transform(q(90)+o(0,-r,w),"0% 0%")}l.p=a},setBackPage:function(a){var b=this.data().pageFlip;b.opt.back=a;b.backParent=a.parent()},_moveBackPage:function(a){var b=this.data().pageFlip;if(b.opt.back)if(a){if(!((b.ashadow?
|
||||
"1":"0")in b.fpage.children()))g.setData.call(this,{backParent:b.opt.back.parent()}),b.fpage.prepend(b.opt.back)}else b.backParent&&b.backParent.prepend(b.opt.back)},_showThumbIndex:function(a,b){var c=this.data(),d=c.pageFlip;if(d.opt.back){if(b){var e=this,c=d.p||g._c.call(this,a.corner,1);this.animatef({from:[c.x,c.y],to:[a.x,a.y],duration:500,frame:function(b){g._displayCorner.call(e,{corner:a.corner,x:b[0],y:b[1]})}})}else g._displayCorner.call(this,a),c.effect&&!c.effect.turning&&this.animatef(!1);
|
||||
d.fwrapper.is(":visible")||(d.fparent.show().data().flips++,g._moveBackPage.call(this,!0),d.fwrapper.show(),d.opt.backShadow&&d.bshadow.show(),this.trigger("start"))}},hide:function(){var a=this.data().pageFlip;--a.fparent.data().flips==0&&a.fparent.hide();this.css({left:0,top:0,right:"auto",bottom:"auto"}).transform("","0% 100%");a.wrapper.transform("","0% 100%");a.fwrapper.hide();a.opt.backShadow&&a.bshadow.hide();a.opt.back.transform("","0% 0%")},hideThumbIndex:function(a){var b=this.data().pageFlip;
|
||||
if(b.p){var c=this,d=b.p,e=function(){b.p=null;c.flip("hide");c.trigger("end",[!1])};if(a){var i,h,j=g._c.call(this,d.corner),a=d.corner.substr(0,1)=="t",o=Math.abs((d.y-j.y)/2);i=f(d.x,d.y+o);h=f(j.x,a?j.y+o:j.y-o);this.animatef({from:0,to:1,frame:function(a){a=I(d,i,h,j,a);a.corner=d.corner;g._displayCorner.call(c,a)},complete:e,duration:800,hiding:!0})}else this.animatef(!1),e()}},turnPage:function(){var a=this,b=this.data().pageFlip,c=b.cornerActivated?b.cornerActivated.corner:g._cAllowed.call(this)[0],
|
||||
d=b.p||g._c.call(this,c),e=g._c2.call(this,c);this.trigger("flip");this.animatef({from:0,to:1,frame:function(b){b=I(d,d,e,e,b);b.corner=c;g._showThumbIndex.call(a,b)},complete:function(){a.trigger("end",[!0])},duration:b.opt.duration,turning:!0});b.cornerActivated=null},moving:function(){return"effect"in this.data()},isTurning:function(){return this.flip("moving")&&this.data().effect.turning},_addEvents:function(){var a=this,b=u?{start:"touchstart",move:"touchmove",end:"touchend"}:{start:"mousedown",
|
||||
move:"mousemove",end:"mouseup"};h(document).bind(b.start,function(){return g._eventStart.apply(a,arguments)}).bind(b.move,function(){g._eventMove.apply(a,arguments)}).bind(b.end,function(){g._eventEnd.apply(a,arguments)})},_eventStart:function(a){var b=this.data().pageFlip;if(!b.disabled&&!this.flip("isTurning")&&(b.cornerActivated=g._cornerActivated.apply(this,[a]),b.cornerActivated))return g._moveBackPage.call(this,!0),this.trigger("pressed",[b.p]),!1},_eventMove:function(a){var b=this.data(),c=
|
||||
b.pageFlip,a=u?a.originalEvent.touches:[a];c.disabled||(c.cornerActivated?(b=c.parent.offset(),g._showThumbIndex.call(this,{corner:c.cornerActivated.corner,x:a[0].pageX-b.left,y:a[0].pageY-b.top})):!b.effect&&!u&&((corner=g._cornerActivated.call(this,a[0]))?(a=g._c.call(this,corner.corner,c.opt.cornerSize/2),g._showThumbIndex.call(this,{corner:corner.corner,x:a.x,y:a.y},!0)):g.hideThumbIndex.call(this,!0)))},_eventEnd:function(){var a=this.data().pageFlip;if(!a.disabled&&a.cornerActivated){var b=
|
||||
jQuery.Event("released");this.trigger(b,[a.p]);b.isPropagationStopped()||g.hideThumbIndex.call(this,!0)}a.cornerActivated=null},disable:function(a){g.setData.apply(this,[{disabled:a}])}},J=function(a,b,c){if(!c[0]||typeof c[0]=="object")return b.init.apply(a,c);else if(b[c[0]]&&c[0].toString().substr(0,1)!="_")return b[c[0]].apply(a,Array.prototype.slice.call(c,1));else throw c[0]+" is an invalid value";};h.extend(h.fn,{flip:function(a,b){return J(this,g,arguments)},turn:function(a){return J(this,
|
||||
j,arguments)},transform:function(a,b){b&&this.css({"transform-origin":b,"-moz-transform-origin":b,"-o-transform-origin":b,"-webkit-transform-origin":b,"-ms-transform-origin":b});return this.css({transform:a,"-moz-transform":a,"-o-transform":a,"-webkit-transform":a,"-ms-transform":a})},animatef:function(a){var b=this.data();b.effect&&clearInterval(b.effect.handle);if(a){if(!a.to.length)a.to=[a.to];if(!a.from.length)a.from=[a.from];if(!a.easing)a.easing=function(a,b,c,d,e){return d*Math.sqrt(1-(b=b/
|
||||
e-1)*b)+c};var c,d=[],e=a.to.length,f=this,g=a.fps||30,h=-g,j=function(){var c,j=[];h=Math.min(a.duration,h+g);for(c=0;c<e;c++)j.push(a.easing(1,h,a.from[c],d[c],a.duration));a.frame(e==1?j[0]:j);h==a.duration&&(clearInterval(b.effect.handle),delete b.effect,f.data(b),a.complete&&a.complete())};for(c=0;c<e;c++)d.push(a.to[c]-a.from[c]);b.effect=a;b.effect.handle=setInterval(j,g);this.data(b);j()}else delete b.effect}});h.has3d=G;h.isTouch=u})(jQuery);
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user