mirror of
https://github.com/blasten/turn.js.git
synced 2025-04-05 19:41:54 +08:00
r3
This commit is contained in:
Emmanuel Garcia
parent
4d91dda41d
commit
93bff0157f
@ -2,39 +2,34 @@
|
||||
<html>
|
||||
<head>
|
||||
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
|
||||
<script type="text/javascript" src="../../../turn.min.js"></script>
|
||||
<script type="text/javascript" src="../../turn.min.js"></script>
|
||||
|
||||
<style type="text/css">
|
||||
body{
|
||||
background:#ccc;
|
||||
}
|
||||
#bible{
|
||||
#book{
|
||||
width:800px;
|
||||
height:500px;
|
||||
}
|
||||
#bible .turn-page{
|
||||
|
||||
#book .turn-page{
|
||||
background-color:white;
|
||||
}
|
||||
#bible .cover{
|
||||
|
||||
#book .cover{
|
||||
background:#333;
|
||||
}
|
||||
|
||||
#bible .cover h1{
|
||||
#book .cover h1{
|
||||
color:white;
|
||||
text-align:center;
|
||||
font-size:50px;
|
||||
line-height:500px;
|
||||
}
|
||||
|
||||
#bible .cover p{
|
||||
color:white;
|
||||
text-align:center;
|
||||
font-size:15px;
|
||||
margin:0px;
|
||||
color:#999;
|
||||
}
|
||||
|
||||
#bible .loader{
|
||||
#book .loader{
|
||||
background-image:url(loader.gif);
|
||||
width:24px;
|
||||
height:24px;
|
||||
@ -44,7 +39,7 @@ body{
|
||||
left:188px;
|
||||
}
|
||||
|
||||
#bible .data{
|
||||
#book .data{
|
||||
text-align:center;
|
||||
font-size:40px;
|
||||
color:#999;
|
||||
@ -55,87 +50,105 @@ body{
|
||||
width:800px;
|
||||
text-align:center;
|
||||
margin:20px 0px;
|
||||
font:30px arial;
|
||||
}
|
||||
|
||||
#controls input, #controls label{
|
||||
font:30px arial;
|
||||
}
|
||||
|
||||
#book .odd{
|
||||
background-image:-webkit-linear-gradient(left, #FFF 95%, #ddd 100%);
|
||||
background-image:-moz-linear-gradient(left, #FFF 95%, #ddd 100%);
|
||||
background-image:-o-linear-gradient(left, #FFF 95%, #ddd 100%);
|
||||
background-image:-ms-linear-gradient(left, #FFF 95%, #ddd 100%);
|
||||
}
|
||||
|
||||
#book .even{
|
||||
background-image:-webkit-linear-gradient(right, #FFF 95%, #ddd 100%);
|
||||
background-image:-moz-linear-gradient(right, #FFF 95%, #ddd 100%);
|
||||
background-image:-o-linear-gradient(right, #FFF 95%, #ddd 100%);
|
||||
background-image:-ms-linear-gradient(right, #FFF 95%, #ddd 100%);
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="bible">
|
||||
<div id="book">
|
||||
<div class="cover"><h1>The Bible</h1></div>
|
||||
</div>
|
||||
|
||||
<div id="controls">
|
||||
<label for="page-number">Page:</label> <input type="text" size="3" id="page-number">
|
||||
<label for="page-number">Page:</label> <input type="text" size="3" id="page-number"> of <span id="number-pages"></span>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
// Sample using dynamic pages with turn.js
|
||||
|
||||
var numberOfPages = 1000;
|
||||
|
||||
|
||||
// Adds the pages that the book will need
|
||||
function addPage(page, book) {
|
||||
|
||||
// First check if the page is already in the book
|
||||
if (!book.turn('hasPage', page)) {
|
||||
// Create an element for this page
|
||||
var element = $('<div />', {'class': 'page '+((page%2==0) ? 'odd' : 'even'), 'id': 'page-'+page}).html('<i class="loader"></i>');
|
||||
// If not then add the page
|
||||
var newPage = $('<div />', {'class': 'page', 'id': 'page-'+page}).html('<i class="loader"></i>');
|
||||
book.turn('addPage', newPage, page);
|
||||
book.turn('addPage', element, page);
|
||||
// Let's assum that the data is comming from the server and the request takes 1s.
|
||||
setTimeout(function(){
|
||||
newPage.html('<div class="data">Data for page '+page+'</div>');
|
||||
element.html('<div class="data">Data for page '+page+'</div>');
|
||||
}, 1000);
|
||||
}
|
||||
}
|
||||
|
||||
$(window).ready(function(){
|
||||
$('#book').turn({acceleration: true,
|
||||
pages: numberOfPages,
|
||||
elevation: 50,
|
||||
gradients: !$.isTouch,
|
||||
when: {
|
||||
turning: function(e, page, view) {
|
||||
|
||||
$('#bible').turn({acceleration: true,
|
||||
pages: 1000, // How many pages does this book have?
|
||||
elevation:50,
|
||||
gradients: !$.isTouch,
|
||||
when: {
|
||||
turning: function(e, page, view) {
|
||||
// Gets the range of pages that the book needs right now
|
||||
var range = $(this).turn('range', page);
|
||||
|
||||
// Gets the range of pages that the book needs right now
|
||||
var range = $(this).turn('range', page);
|
||||
// Check if each page is within the book
|
||||
for (page = range[0]; page<=range[1]; page++)
|
||||
addPage(page, $(this));
|
||||
|
||||
// Check if each page is within the book
|
||||
for (page = range[0]; page<=range[1]; page++)
|
||||
addPage(page, $(this));
|
||||
},
|
||||
|
||||
},
|
||||
|
||||
turned: function(e, page) {
|
||||
$('#page-number').val(page);
|
||||
turned: function(e, page) {
|
||||
$('#page-number').val(page);
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$('#page-number').keydown(function(e){
|
||||
$('#number-pages').html(numberOfPages);
|
||||
|
||||
if (e.keyCode==13)
|
||||
$('#bible').turn('page', $('#page-number').val());
|
||||
|
||||
});
|
||||
$('#page-number').keydown(function(e){
|
||||
|
||||
if (e.keyCode==13)
|
||||
$('#book').turn('page', $('#page-number').val());
|
||||
|
||||
});
|
||||
});
|
||||
|
||||
$(window).bind('keydown', function(e){
|
||||
|
||||
if (e.keyCode==37)
|
||||
$('#bible').turn('previous');
|
||||
else if (e.keyCode==39)
|
||||
$('#bible').turn('next');
|
||||
if (e.target && e.target.tagName.toLowerCase()!='input')
|
||||
if (e.keyCode==37)
|
||||
$('#book').turn('previous');
|
||||
else if (e.keyCode==39)
|
||||
$('#book').turn('next');
|
||||
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
<html>
|
||||
<head>
|
||||
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
|
||||
<script type="text/javascript" src="../../../turn.min.js"></script>
|
||||
<script type="text/javascript" src="../../turn.min.js"></script>
|
||||
|
||||
<style type="text/css">
|
||||
body{
|
||||
@ -32,17 +32,19 @@ body{
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
$('#magazine').turn({
|
||||
display: 'double',
|
||||
acceleration: true,
|
||||
gradients: !$.isTouch,
|
||||
elevation:50,
|
||||
when: {
|
||||
turned: function(e, page) {
|
||||
console.log('Current view: ', $(this).turn('view'));
|
||||
$(window).ready(function() {
|
||||
$('#magazine').turn({
|
||||
display: 'double',
|
||||
acceleration: true,
|
||||
gradients: !$.isTouch,
|
||||
elevation:50,
|
||||
when: {
|
||||
turned: function(e, page) {
|
||||
console.log('Current view: ', $(this).turn('view'));
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
$(window).bind('keydown', function(e){
|
||||
|
||||
24
turn.js
24
turn.js
@ -296,7 +296,8 @@ turnMethods = {
|
||||
if (data.done) this.turn('stop');
|
||||
|
||||
// Move pages if it's necessary
|
||||
turnMethods._movePages.call(this, page, 1);
|
||||
if (page in data.pageObjs)
|
||||
turnMethods._movePages.call(this, page, 1);
|
||||
|
||||
// Update number of pages
|
||||
if (incPages)
|
||||
@ -309,7 +310,8 @@ turnMethods = {
|
||||
turnMethods._addPage.call(this, page);
|
||||
|
||||
// Update view
|
||||
if (data.done) this.turn('update');
|
||||
if (data.done)
|
||||
this.turn('update');
|
||||
|
||||
turnMethods._removeFromDOM.call(this);
|
||||
}
|
||||
@ -374,7 +376,8 @@ turnMethods = {
|
||||
|
||||
hasPage: function(page) {
|
||||
|
||||
return !!this.data().pageObjs[page];
|
||||
//console.log($.extend({}, this.data().pageObjs), page in this.data().pageObjs, page);
|
||||
return page in this.data().pageObjs;
|
||||
|
||||
},
|
||||
|
||||
@ -481,7 +484,7 @@ turnMethods = {
|
||||
// Releases memory by removing pages from the DOM
|
||||
|
||||
_removeFromDOM: function() {
|
||||
|
||||
|
||||
var page, data = this.data();
|
||||
|
||||
for (page in data.pageWrap)
|
||||
@ -550,7 +553,7 @@ turnMethods = {
|
||||
// Moves pages
|
||||
|
||||
_movePages: function(from, change) {
|
||||
|
||||
|
||||
var page,
|
||||
data = this.data(),
|
||||
single = data.display=='single',
|
||||
@ -716,7 +719,7 @@ turnMethods = {
|
||||
// Removes an animation from the cache
|
||||
|
||||
_removeMv: function(page) {
|
||||
|
||||
|
||||
var i, data = this.data();
|
||||
|
||||
for (i=0; i<data.pageMv.length; i++)
|
||||
@ -748,7 +751,6 @@ turnMethods = {
|
||||
page = page || data.page;
|
||||
|
||||
if (data.display=='double')
|
||||
// Even Odd
|
||||
return (page%2) ? [page-1, page] : [page, page+1];
|
||||
else
|
||||
return [page];
|
||||
@ -825,7 +827,7 @@ turnMethods = {
|
||||
// Sets a page without effect
|
||||
|
||||
_fitPage: function(page, ok) {
|
||||
|
||||
|
||||
var data = this.data(), newView = this.turn('view', page);
|
||||
|
||||
if (data.page!=page) {
|
||||
@ -839,8 +841,6 @@ turnMethods = {
|
||||
|
||||
data.tpage = page;
|
||||
|
||||
|
||||
|
||||
this.turn('stop', ok);
|
||||
turnMethods._removeFromDOM.call(this);
|
||||
turnMethods._makeRange.call(this);
|
||||
@ -928,7 +928,7 @@ turnMethods = {
|
||||
next: function() {
|
||||
|
||||
var data = this.data();
|
||||
return this.turn('page', turnMethods._view.call(this, data.tpage || data.page).pop() + 1);
|
||||
return this.turn('page', turnMethods._view.call(this, data.page).pop() + 1);
|
||||
|
||||
},
|
||||
|
||||
@ -937,7 +937,7 @@ turnMethods = {
|
||||
previous: function() {
|
||||
|
||||
var data = this.data();
|
||||
return this.turn('page', turnMethods._view.call(this, data.tpage || data.page).shift() - 1);
|
||||
return this.turn('page', turnMethods._view.call(this, data.page).shift() - 1);
|
||||
|
||||
},
|
||||
|
||||
|
||||
12
turn.min.js
vendored
12
turn.min.js
vendored
@ -4,9 +4,9 @@ bottom:"auto"}},m=function(a,b,c,d){return{css:{position:"absolute",top:a,left:b
|
||||
a)},R=function(){for(var a=["Moz","Webkit","Khtml","O","ms"],b=document.body.style,c=a.length,d="";c--;)a[c]+"Transform"in b&&(d="-"+a[c].toLowerCase()+"-");return d},L=function(a,b,c,d,e){var f,C=[];if("-webkit-"==y){for(f=0;f<e;f++)C.push("color-stop("+d[f][0]+", "+d[f][1]+")");a.css({"background-image":"-webkit-gradient(linear, "+b.x+"% "+b.y+"%, "+c.x+"% "+c.y+"%, "+C.join(",")+" )"})}else{var h=c.x-b.x;f=c.y-b.y;var i=Math.atan2(f,h),g=i-Math.PI/2,g=Math.abs(100*Math.sin(g))+Math.abs(100*Math.cos(g)),
|
||||
h=Math.sqrt(f*f+h*h),c=j(c.x<b.x?100:0,c.y<b.y?100:0),n=Math.tan(i);f=-1/n;n=(f*c.x-c.y-n*b.x+b.y)/(f-n);c=f*n-f*c.x+c.y;b=1*Math.sqrt(Math.pow(n-b.x,2)+Math.pow(c-b.y,2));for(f=0;f<e;f++)C.push(" "+d[f][1]+" "+Math.round(100*(b+h*d[f][0])/g)+"%");a.css({"background-image":y+"linear-gradient("+-i+"rad,"+C.join(",")+")"})}},g={init:function(a){void 0===x&&(x="WebKitCSSMatrix"in window||"MozPerspective"in document.body.style,y=R());var b,c=this.data(),d=this.children(),a=i.extend({width:this.width(),
|
||||
height:this.height()},P,a);c.opts=a;c.pageObjs={};c.pages={};c.pageWrap={};c.pagePlace={};c.pageMv=[];c.totalPages=a.pages||0;if(a.when)for(b in a.when)p(b,a.when)&&this.bind(b,a.when[b]);this.css({position:"relative",width:a.width,height:a.height});this.turn("display",a.display);x&&!w&&a.acceleration&&this.transform(r(0,0,!0));for(b=0;b<d.length;b++)this.turn("addPage",d[b],b+1);this.turn("page",a.page);i(this).bind(I.start,function(a){for(var b in c.pages)if(p(b,c.pages)&&!1===h._eventStart.call(c.pages[b],
|
||||
a))return!1});i(document).bind(I.move,function(a){for(var b in c.pages)p(b,c.pages)&&h._eventMove.call(c.pages[b],a)}).bind(I.end,function(a){for(var b in c.pages)p(b,c.pages)&&h._eventEnd.call(c.pages[b],a)});c.done=!0;return this},addPage:function(a,b){var c=!1,d=this.data(),e=d.totalPages+1;if(b)if(b==e)b=e,c=!0;else{if(b>e)throw Error('It is impossible to add the page "'+b+'", the maximum value is: "'+e+'"');}else b=e,c=!0;1<=b&&b<=e&&(d.done&&this.turn("stop"),g._movePages.call(this,b,1),c&&
|
||||
(d.totalPages=e),d.pageObjs[b]=i(a).addClass("turn-page p"+b),g._addPage.call(this,b),d.done&&this.turn("update"),g._removeFromDOM.call(this));return this},_addPage:function(a){var b=this.data(),c=b.pageObjs[a];if(c)if(g._necessPage.call(this,a)){if(!b.pageWrap[a]){var d="double"==b.display?this.width()/2:this.width(),e=this.height();c.css({width:d,height:e});b.pagePlace[a]=a;b.pageWrap[a]=i("<div/>",{"class":"turn-page-wrapper",page:a,css:{position:"absolute",overflow:"hidden",width:d,height:e}}).css(J["double"==
|
||||
b.display?a%2:0]);this.append(b.pageWrap[a]);b.pageWrap[a].prepend(b.pageObjs[a])}(!a||1==g._setPageLoc.call(this,a))&&g._makeFlip.call(this,a)}else b.pagePlace[a]=0,b.pageObjs[a]&&b.pageObjs[a].remove()},hasPage:function(a){return!!this.data().pageObjs[a]},_makeFlip:function(a){var b=this.data();if(!b.pages[a]&&b.pagePlace[a]==a){var c="single"==b.display,d=a%2;b.pages[a]=b.pageObjs[a].css({width:c?this.width():this.width()/2,height:this.height()}).flip({page:a,next:d||c?a+1:a-1,turn:this,duration:b.opts.duration,
|
||||
a))return!1});i(document).bind(I.move,function(a){for(var b in c.pages)p(b,c.pages)&&h._eventMove.call(c.pages[b],a)}).bind(I.end,function(a){for(var b in c.pages)p(b,c.pages)&&h._eventEnd.call(c.pages[b],a)});c.done=!0;return this},addPage:function(a,b){var c=!1,d=this.data(),e=d.totalPages+1;if(b)if(b==e)b=e,c=!0;else{if(b>e)throw Error('It is impossible to add the page "'+b+'", the maximum value is: "'+e+'"');}else b=e,c=!0;1<=b&&b<=e&&(d.done&&this.turn("stop"),b in d.pageObjs&&g._movePages.call(this,
|
||||
b,1),c&&(d.totalPages=e),d.pageObjs[b]=i(a).addClass("turn-page p"+b),g._addPage.call(this,b),d.done&&this.turn("update"),g._removeFromDOM.call(this));return this},_addPage:function(a){var b=this.data(),c=b.pageObjs[a];if(c)if(g._necessPage.call(this,a)){if(!b.pageWrap[a]){var d="double"==b.display?this.width()/2:this.width(),e=this.height();c.css({width:d,height:e});b.pagePlace[a]=a;b.pageWrap[a]=i("<div/>",{"class":"turn-page-wrapper",page:a,css:{position:"absolute",overflow:"hidden",width:d,height:e}}).css(J["double"==
|
||||
b.display?a%2:0]);this.append(b.pageWrap[a]);b.pageWrap[a].prepend(b.pageObjs[a])}(!a||1==g._setPageLoc.call(this,a))&&g._makeFlip.call(this,a)}else b.pagePlace[a]=0,b.pageObjs[a]&&b.pageObjs[a].remove()},hasPage:function(a){return a in this.data().pageObjs},_makeFlip:function(a){var b=this.data();if(!b.pages[a]&&b.pagePlace[a]==a){var c="single"==b.display,d=a%2;b.pages[a]=b.pageObjs[a].css({width:c?this.width():this.width()/2,height:this.height()}).flip({page:a,next:d||c?a+1:a-1,turn:this,duration:b.opts.duration,
|
||||
acceleration:b.opts.acceleration,corners:c?"all":d?"forward":"backward",backGradient:b.opts.gradients,frontGradient:b.opts.gradients}).flip("disable",b.disabled).bind("pressed",g._pressed).bind("released",g._released).bind("start",g._start).bind("end",g._end).bind("flip",g._flip)}return b.pages[a]},_makeRange:function(){var a;this.data();var b=this.turn("range");for(a=b[0];a<=b[1];a++)g._addPage.call(this,a)},range:function(a){var b,c,d=this.data(),a=a||d.tpage||d.page,e=g._view.call(this,a);if(1>
|
||||
a||a>d.totalPages)throw Error('"'+a+'" is not a page for range');e[1]=e[1]||e[0];1<=e[0]&&e[1]<=d.totalPages?(a=Math.floor(2),d.totalPages-e[1]>e[0]?(b=Math.min(e[0]-1,a),c=2*a-b):(c=Math.min(d.totalPages-e[1],a),b=2*a-c)):c=b=5;return[Math.max(1,e[0]-b),Math.min(d.totalPages,e[1]+c)]},_necessPage:function(a){if(0===a)return!0;var b=this.turn("range");return a>=b[0]&&a<=b[1]},_removeFromDOM:function(){var a,b=this.data();for(a in b.pageWrap)p(a,b.pageWrap)&&!g._necessPage.call(this,a)&&g._removePageFromDOM.call(this,
|
||||
a)},_removePageFromDOM:function(a){var b=this.data();if(b.pages[a]){var c=b.pages[a].data();c.f&&c.f.fwrapper&&c.f.fwrapper.remove();b.pages[a].remove();delete b.pages[a]}b.pageObjs[a]&&b.pageObjs[a].remove();b.pageWrap[a]&&(b.pageWrap[a].remove(),delete b.pageWrap[a]);delete b.pagePlace[a]},removePage:function(a){var b=this.data();b.pageObjs[a]&&(this.turn("stop"),g._removePageFromDOM.call(this,a),delete b.pageObjs[a],g._movePages.call(this,a,-1),b.totalPages-=1,g._makeRange.call(this),b.page>b.totalPages&&
|
||||
@ -18,9 +18,9 @@ for(b=0;b<c.pageMv.length;b++)if(c.pageMv[b]==a)return c.pageMv.splice(b,1),!0;r
|
||||
(c.page=c.tpage,delete c.tpage);for(a in d)p(a,d)&&(b=c.pages[d[a]].data().f.opts,h._moveFoldingPage.call(c.pages[d[a]],null),c.pages[d[a]].flip("hideFoldedPage"),c.pagePlace[b.next]=b.next,b.force&&(b.next=0===b.page%2?b.page-1:b.page+1,delete b.force));this.turn("update");return this},pages:function(a){var b=this.data();if(a){if(a<b.totalPages){for(var c=a+1;c<=b.totalPages;c++)this.turn("removePage",c);this.turn("page")>a&&this.turn("page",a)}b.totalPages=a;return this}return b.totalPages},_fitPage:function(a,
|
||||
b){var c=this.data(),d=this.turn("view",a);c.page!=a&&(this.trigger("turning",[a,d]),-1!=i.inArray(1,d)&&this.trigger("first"),-1!=i.inArray(c.totalPages,d)&&this.trigger("last"));c.pageObjs[a]&&(c.tpage=a,this.turn("stop",b),g._removeFromDOM.call(this),g._makeRange.call(this),this.trigger("turned",[a,d]))},_turnPage:function(a){var b,c,d=this.data(),e=this.turn("view"),f=this.turn("view",a);d.page!=a&&(this.trigger("turning",[a,f]),-1!=i.inArray(1,f)&&this.trigger("first"),-1!=i.inArray(d.totalPages,
|
||||
f)&&this.trigger("last"));d.pageObjs[a]&&(d.tpage=a,this.turn("stop"),g._makeRange.call(this),"single"==d.display?(b=e[0],c=f[0]):e[1]&&a>e[1]?(b=e[1],c=f[0]):e[0]&&a<e[0]&&(b=e[0],c=f[1]),d.pages[b]&&(a=d.pages[b].data().f.opts,d.tpage=c,a.next!=c&&(a.next=c,d.pagePlace[c]=a.page,a.force=!0),"single"==d.display?d.pages[b].flip("turnPage",f[0]>e[0]?"br":"bl"):d.pages[b].flip("turnPage")))},page:function(a){var a=parseInt(a,10),b=this.data();return 0<a&&a<=b.totalPages?(!b.done||-1!=i.inArray(a,this.turn("view"))?
|
||||
g._fitPage.call(this,a):g._turnPage.call(this,a),this):b.page},next:function(){var a=this.data();return this.turn("page",g._view.call(this,a.tpage||a.page).pop()+1)},previous:function(){var a=this.data();return this.turn("page",g._view.call(this,a.tpage||a.page).shift()-1)},_addMotionPage:function(){var a=i(this).data().f.opts,b=a.turn,c=b.data();a.pageMv=a.page;g._addMv.call(b,a.pageMv);c.pagePlace[a.next]=a.page;b.turn("update")},_start:function(a,b,c){var d=b.turn.data(),e=i.Event("start");a.stopPropagation();
|
||||
b.turn.trigger(e,[b,c]);e.isDefaultPrevented()?a.preventDefault():("single"==d.display&&(c="l"==c.charAt(1),1==b.page&&c||b.page==d.pages&&!c?a.preventDefault():c?(b.next=b.next<b.page?b.next:b.page-1,b.force=!0):b.next=b.next>b.page?b.next:b.page+1),g._addMotionPage.call(this))},_end:function(a,b){var c=i(this).data().f.opts,d=c.turn,e=d.data();a.stopPropagation();if(b||e.tpage){if(e.tpage==c.next||e.tpage==c.page)delete e.tpage,g._fitPage.call(d,e.tpage||c.next,!0)}else g._removeMv.call(d,c.pageMv),
|
||||
d.turn("update")},_pressed:function(){var a,b=i(this).data().f,c=b.opts.turn.data().pages;for(a in c)a!=b.opts.page&&c[a].flip("disable",!0);return b.time=(new Date).getTime()},_released:function(a,b){var c=i(this),d=c.data().f;a.stopPropagation();if(200>(new Date).getTime()-d.time||0>b.x||b.x>i(this).width())a.preventDefault(),d.opts.turn.data().tpage=d.opts.next,d.opts.turn.turn("update"),i(c).flip("turnPage")},_flip:function(){var a=i(this).data().f.opts;a.turn.trigger("turn",[a.next])},calculateZ:function(a){var b,
|
||||
g._fitPage.call(this,a):g._turnPage.call(this,a),this):b.page},next:function(){var a=this.data();return this.turn("page",g._view.call(this,a.page).pop()+1)},previous:function(){var a=this.data();return this.turn("page",g._view.call(this,a.page).shift()-1)},_addMotionPage:function(){var a=i(this).data().f.opts,b=a.turn,c=b.data();a.pageMv=a.page;g._addMv.call(b,a.pageMv);c.pagePlace[a.next]=a.page;b.turn("update")},_start:function(a,b,c){var d=b.turn.data(),e=i.Event("start");a.stopPropagation();b.turn.trigger(e,
|
||||
[b,c]);e.isDefaultPrevented()?a.preventDefault():("single"==d.display&&(c="l"==c.charAt(1),1==b.page&&c||b.page==d.pages&&!c?a.preventDefault():c?(b.next=b.next<b.page?b.next:b.page-1,b.force=!0):b.next=b.next>b.page?b.next:b.page+1),g._addMotionPage.call(this))},_end:function(a,b){var c=i(this).data().f.opts,d=c.turn,e=d.data();a.stopPropagation();if(b||e.tpage){if(e.tpage==c.next||e.tpage==c.page)delete e.tpage,g._fitPage.call(d,e.tpage||c.next,!0)}else g._removeMv.call(d,c.pageMv),d.turn("update")},
|
||||
_pressed:function(){var a,b=i(this).data().f,c=b.opts.turn.data().pages;for(a in c)a!=b.opts.page&&c[a].flip("disable",!0);return b.time=(new Date).getTime()},_released:function(a,b){var c=i(this),d=c.data().f;a.stopPropagation();if(200>(new Date).getTime()-d.time||0>b.x||b.x>i(this).width())a.preventDefault(),d.opts.turn.data().tpage=d.opts.next,d.opts.turn.turn("update"),i(c).flip("turnPage")},_flip:function(){var a=i(this).data().f.opts;a.turn.trigger("turn",[a.next])},calculateZ:function(a){var b,
|
||||
c,d,e,f=this,h=this.data();b=this.turn("view");var i=b[0]||b[1],g={pageZ:{},partZ:{},pageV:{}},j=function(a){a=f.turn("view",a);a[0]&&(g.pageV[a[0]]=!0);a[1]&&(g.pageV[a[1]]=!0)};for(b=0;b<a.length;b++)c=a[b],d=h.pages[c].data().f.opts.next,e=h.pagePlace[c],j(c),j(d),c=h.pagePlace[d]==d?d:c,g.pageZ[c]=h.totalPages-Math.abs(i-c),g.partZ[e]=2*h.totalPages+Math.abs(i-c);return g},update:function(){var a,b=this.data();if(b.pageMv.length&&0!==b.pageMv[0]){var c=this.turn("calculateZ",b.pageMv);this.turn("view",
|
||||
b.tpage);for(a in b.pageWrap)p(a,b.pageWrap)&&(b.pageWrap[a].css({display:c.pageV[a]?"":"none","z-index":c.pageZ[a]||0}),b.pages[a]&&(b.pages[a].flip("z",c.partZ[a]||null),c.pageV[a]&&b.pages[a].flip("resize"),b.tpage&&b.pages[a].flip("disable",!0)))}else for(a in b.pageWrap)p(a,b.pageWrap)&&(c=g._setPageLoc.call(this,a),b.pages[a]&&b.pages[a].flip("disable",b.disabled||1!=c).flip("z",null))},_setPageLoc:function(a){var b=this.data(),c=this.turn("view");if(a==c[0]||a==c[1])return b.pageWrap[a].css({"z-index":b.totalPages,
|
||||
display:""}),1;if("single"==b.display&&a==c[0]+1||"double"==b.display&&a==c[0]-2||a==c[1]+2)return b.pageWrap[a].css({"z-index":b.totalPages-1,display:""}),2;b.pageWrap[a].css({"z-index":0,display:"none"});return 0}},h={init:function(a){a.gradients&&(a.frontGradient=!0,a.backGradient=!0);this.data({f:{}});this.flip("options",a);h._addPageWrapper.call(this);return this},setData:function(a){var b=this.data();b.f=i.extend(b.f,a);return this},options:function(a){var b=this.data().f;return a?(h.setData.call(this,
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user