Modificare il file: \appsresources\pageflip.js

var x5e=null;typeof x5engine!="undefined"&&(x5e=x5engine),function($,x5engine){"use strict";$.fn.pageflip=function(options){var _options=$.extend({width:800,height:600,autoplay:!1,interval:2e3,loadingImg:null,circle:!1,showCounter:!1,controlbar:null,medias:[],fullscreen:!1,fullscreenmedias:[]},options),_self=this,_images=[],_currentIndex=0,_autoPlay=_options.autoplay,_animating=!1,_loader=_options.loadingImg?$('<img src="'+_options.loadingImg+'" style="z-index: 5;" />'):null,_loaderTimeout,_animationTimeout,_useCSS3,i,img;_useCSS3=function(prop){var div=document.createElement("div"),vendors=["Khtml","Ms","O","Moz","Webkit"],len=5;if(prop in div.style)return prop;for(prop=prop.replace(/^[a-z]/,function(val){return val.toUpperCase()});len--;)if(vendors[len]+prop in div.style)return vendors[len]+prop;return!1}("transform");var _doFlipCSS3=function(direction){if(!_animating){_animating=!0;var curImg=_options.medias[_currentIndex],nextIndex,nextImg,curPage1,curPage2,nextPage1,nextPage2,imagesReady=0,end=_currentIndex==_options.medias.length-1,start=_currentIndex===0,onImagesReady=function(){var middle=_options.circle||direction>0&&!end||direction<0&&!start,reqImagesNumber=middle?4:2,transitionCount;if(++imagesReady==reqImagesNumber){transitionCount=0;_loaderTimeout&&clearTimeout(_loaderTimeout);_loader&&_loader.detach();_self.find(".page-prev").on("webkitTransitionEnd.pageflip otransitionend.pageflip msTransitionEnd.pageflip transitionend.pageflip",function(e){++transitionCount==(e.type=="webkitTransitionEnd"||middle?2:1)&&(middle&&(_currentIndex=nextIndex),(nextPage2?nextPage2:curPage2).after(_images[_currentIndex]),_self.find("img").first().detach(),_self.find("img").css("visibility","visible"),_self.find(".page").remove(),_animating=!1,_autoPlay&&middle&&_startAutoplay(),_options.showCounter&&_attachCounter(_self,_currentIndex+1,_options.medias.length))});_self.find(".page").css("visibility","visible");_options.circle||(start&&direction<0?_self.find(".page").first().css("visibility","hidden"):end&&direction>0&&_self.find(".page").last().css("visibility","hidden"),_self.find("img").first().css("visibility","hidden"));setTimeout(function(){_options.showCounter&&_detachCounter(_self);_self.find(".page-prev").toggleClass("page-prev-position0").toggleClass("page-prev-position1");_self.find(".page-next").toggleClass("page-next-position0").toggleClass("page-next-position1");middle||setTimeout(function(){_self.find(".page-prev").toggleClass("page-prev-position0").toggleClass("page-prev-position1");_self.find(".page-next").toggleClass("page-next-position0").toggleClass("page-next-position1")},250)},50)}};nextIndex=_currentIndex+direction;nextIndex<0?nextIndex=_images.length-1:nextIndex>=_images.length&&(nextIndex=0);nextImg=_options.medias[nextIndex];curPage1=$('<div class="page" style="z-index: 2"><img /><\/div>');curPage1.find("img").width(Math.floor((direction>0?curImg:nextImg).width)).height(Math.floor((direction>0?curImg:nextImg).height)).css({left:Math.floor((_options.width-(direction>0?curImg:nextImg).width)/2)+"px",top:Math.floor((_options.height-(direction>0?curImg:nextImg).height)/2)+"px"});curPage2=$('<div class="page page-prev page-prev-position'+(direction>0?"0":"1")+'" style="z-index: 3; left: 50%;"><img /><div class="shadow"><\/div><\/div>');_options.showCounter&&_attachCounter(curPage2,(direction>0?_currentIndex:nextIndex)+1,_options.medias.length);curPage2.find("img").width(Math.floor((direction>0?curImg:nextImg).width)).height(Math.floor((direction>0?curImg:nextImg).height)).css({left:"auto",right:Math.floor((_options.width-(direction>0?curImg:nextImg).width)/2)+"px",top:Math.floor((_options.height-(direction>0?curImg:nextImg).height)/2)+"px"});nextPage1=$('<div class="page page-next page-next-position'+(direction>0?"0":"1")+'" style="z-index: 3"><img /><div class="shadow"><\/div><\/div>');nextPage1.find("img").width(Math.floor((direction>0?nextImg:curImg).width)).height(Math.floor((direction>0?nextImg:curImg).height)).css({left:Math.floor((_options.width-(direction>0?nextImg:curImg).width)/2)+"px",top:Math.floor((_options.height-(direction>0?nextImg:curImg).height)/2)+"px"});nextPage2=$('<div class="page" style="z-index: 2; left: 50%;"><img /><\/div>');nextPage2.find("img").width(Math.floor((direction>0?nextImg:curImg).width)).height(Math.floor((direction>0?nextImg:curImg).height)).css({left:"auto",right:Math.floor((_options.width-(direction>0?nextImg:curImg).width)/2)+"px",top:Math.floor((_options.height-(direction>0?nextImg:curImg).height)/2)+"px"});_options.showCounter&&_attachCounter(nextPage2,(direction<0?_currentIndex:nextIndex)+1,_options.medias.length);_self.find("img").after(curPage1);curPage1.after(curPage2);curPage2.after(nextPage1);nextPage1.after(nextPage2);_self.find(".page").css({visibility:"hidden","background-color":_self.css("background-color")}).find("img").on("load.pageflip",onImagesReady);curPage1.find("img").attr("src",(direction>0?curImg:nextImg).url);curPage2.find("img").attr("src",(direction>0?curImg:nextImg).url);nextPage1.find("img").attr("src",(direction>0?nextImg:curImg).url);nextPage2.find("img").attr("src",(direction>0?nextImg:curImg).url);_loaderTimeout=setTimeout(function(){_loader&&_self.append(_loader.css({left:Math.floor((_options.width-32)/2)+"px",top:Math.floor((_options.height-32)/2)+"px"}))},250)}},_attachCounter=function(target,index,total){target.append('<div class="counter" style="background-color: '+_self.css("background-color")+'">'+index+"/"+total+"<\/div>")},_detachCounter=function(target){target.children(".counter").remove()},_doFlipFade=function(direction){var end,start,nextIndex,nextImg,img;_animating||(end=_currentIndex==_options.medias.length-1,start=_currentIndex===0,!_options.circle&&(end&&direction>0||start&&direction<0))||(_animating=!0,nextIndex=_currentIndex+direction,nextIndex<0?nextIndex=_images.length-1:nextIndex>=_images.length&&(nextIndex=0),nextImg=_options.medias[nextIndex],img=$("<img />"),img.hide(),_self.find("img").first().after(img),img.on("load.pageflip",function(){_loaderTimeout&&clearTimeout(_loaderTimeout);_loader&&_loader.detach();img.width(Math.floor(nextImg.width)).height(Math.floor(nextImg.height)).css({position:"absolute",left:Math.floor((_options.width-nextImg.width)/2),top:Math.floor((_options.height-nextImg.height)/2)}).fadeIn(250,function(){_currentIndex=nextIndex;_animating=!1;_options.showCounter&&(_detachCounter(_self),_attachCounter(_self,_currentIndex+1,_options.medias.length))});_self.find("img").first().fadeOut(250,function(){$(this).remove()})}).attr("src",nextImg.url))},_startAutoplay=function(){_animationTimeout=setTimeout(function(){_transition(1)},_options.interval)},_transition=function(direction){_useCSS3?_doFlipCSS3(direction):_doFlipFade(direction)};for(_self.addClass("pageflip-container").width(_options.width).height(_options.height).css({"background-image":"url('"+_options.loadingImg+"')","background-repeat":"no-repeat","background-position":"center center"}),i=0;i<_options.medias.length;i++)img=$("<img />").width(_options.medias[i].width).height(_options.medias[i].height).css({left:Math.floor((_options.width-_options.medias[i].width)/2)+"px",top:Math.floor((_options.height-_options.medias[i].height)/2)+"px"}).on("load.pageflip",function(){var $this=$(this);$this.attr("data-index")*1==0&&($this.hide(),_self.css("background-image","none").append($this),$this.fadeIn(250))}).attr("data-index",i).attr("src",_options.medias[i].url),_images.push(img);if(_options.controls)$(_options.controls).on("click.pageflip",".btn-prev",function(){_autoPlay=!1;_transition(-1)}).on("click.pageflip",".btn-next",function(){_autoPlay=!1;_transition(1)}).on("click.pageflip",".btn-fullscreen",function(){_options.fullscreenmedias.length>0&&x5engine.imShowBox({media:_options.fullscreenmedias},_currentIndex,_self)});else _self.on("click.pageflip",function(e){var positionX=e.pageX-_self.offset().left;_autoPlay=!1;_transition(positionX>_options.width/3?1:-1)});return _options.autoplay&&_startAutoplay(),_options.showCounter&&_attachCounter(_self,_currentIndex+1,_options.medias.length),{disable:function(){clearTimeout(_animationTimeout);_self.empty();_self.off(".pageflip");_options.controls&&$(_options.controls).off(".pageflip")}}}}($,x5e)

[Íàçàä]