최초등록
This commit is contained in:
sp1000je
@@ -0,0 +1,314 @@
|
||||
function FlippingBook() {
|
||||
this.pages = [];
|
||||
this.zoomPages = [];
|
||||
this.printPages = [];
|
||||
this.contents = [];
|
||||
|
||||
this.stageWidth = "100%";
|
||||
this.stageHeight = "100%";
|
||||
|
||||
this.settings = {
|
||||
bookWidth: 640,
|
||||
bookHeight: 480,
|
||||
pagesSet: this.pages,
|
||||
zoomPagesSet: this.zoomPages,
|
||||
printPagesSet: this.printPages,
|
||||
scaleContent: true,
|
||||
preserveProportions: false,
|
||||
centerContent: true,
|
||||
hardcover: false,
|
||||
hardcoverThickness: 3,
|
||||
hardcoverEdgeColor: 0xFFFFFF,
|
||||
highlightHardcover: true,
|
||||
frameWidth: 0,
|
||||
frameColor: 0xFFFFFF,
|
||||
frameAlpha: 100,
|
||||
firstPageNumber: 1,
|
||||
autoFlipSize: 50,
|
||||
navigationFlipOffset: 30,
|
||||
flipOnClick: true,
|
||||
handOverCorner: true,
|
||||
handOverPage: true,
|
||||
alwaysOpened: true, //항상 페이지오픈
|
||||
staticShadowsType: "Symmetric", // Asymmetric, Symmetric, Default
|
||||
staticShadowsDepth: 1,
|
||||
staticShadowsLightColor: 0xFFFFFF, // works for "Symmetric" shadows only
|
||||
staticShadowsDarkColor: 0x000000,
|
||||
dynamicShadowsDepth: 1,
|
||||
dynamicShadowsLightColor: 0xFFFFFF, // works for "dark" pages only
|
||||
dynamicShadowsDarkColor: 0x000000,
|
||||
moveSpeed: 2,
|
||||
closeSpeed: 3,
|
||||
gotoSpeed: 3,
|
||||
rigidPageSpeed: 5,
|
||||
flipSound: "",
|
||||
hardcoverSound: "",
|
||||
preloaderType: "Line", // "Progress Bar", "Round", "Thin", "Dots", "Gradient Wheel", "Gear Wheel", "Line", "Animated Book", "None"
|
||||
pageBackgroundColor: 0x99CCFF,
|
||||
loadOnDemand: true,
|
||||
allowPagesUnload: true,
|
||||
showUnderlyingPages: false,
|
||||
playOnDemand: true,
|
||||
freezeOnFlip: false,
|
||||
darkPages: false,
|
||||
smoothPages: false,
|
||||
rigidPages: false,
|
||||
flipCornerStyle: "first page only",// "first page only", "each page", "manually"
|
||||
flipCornerPosition: "bottom-right",// "bottom-right","top-right","bottom-left","top-left"
|
||||
flipCornerAmount: 50,
|
||||
flipCornerAngle: 20,
|
||||
flipCornerRelease: true,
|
||||
flipCornerVibrate: true,
|
||||
flipCornerPlaySound: false,
|
||||
zoomEnabled: true,
|
||||
zoomPath: "",
|
||||
zoomImageWidth: 900,
|
||||
zoomImageHeight: 1165,
|
||||
zoomOnClick: true,
|
||||
zoomUIColor: 0x8f9ea6,
|
||||
zoomHint: "더블클릭하시면 확대/축소됩니다",
|
||||
zoomHintEnabled: true,
|
||||
centerBook: true,
|
||||
useCustomCursors: true,
|
||||
dropShadowEnabled: true,
|
||||
dropShadowHideWhenFlipping: true,
|
||||
backgroundColor: 0xFFFFFF,
|
||||
backgroundImagePlacement: "fit", // "top left", "center", "fit"
|
||||
printEnabled: true,
|
||||
printTitle: "인쇄 페이지",
|
||||
downloadURL: "",
|
||||
downloadTitle: "다운로드 PDF",
|
||||
downloadSize: "Size: 4.7 Mb",
|
||||
downloadComplete: "Complete",
|
||||
extXML: ""
|
||||
};
|
||||
|
||||
this.containerId = "fbContainer";
|
||||
this.forwardButtonId = "fbForwardButton";
|
||||
this.backButtonId = "fbBackButton";
|
||||
this.zoomButtonId = "fbZoomButton";
|
||||
this.printButtonId = "fbPrintButton";
|
||||
this.downloadButtonId = "fbDownloadButton";
|
||||
this.currentPagesId = "fbCurrentPages";
|
||||
this.totalPagesId = "fbTotalPages";
|
||||
this.contentsMenuId = "fbContentsMenu";
|
||||
};
|
||||
|
||||
FlippingBook.prototype.create = function(){
|
||||
this.settings.pagesSet = this.pages;
|
||||
this.settings.zoomPagesSet = this.zoomPages;
|
||||
this.settings.printPagesSet = this.printPages;
|
||||
|
||||
if( location.hash.substr(1) != "" )
|
||||
this.settings.firstPageNumber = location.hash.substr(1);
|
||||
|
||||
this.addLoadEvent( this.onWindowLoad );
|
||||
swfobject.embedSWF("/content/ebook/skin5/ebook.swf", this.containerId, this.stageWidth, this.stageHeight, "8.0.0", "/content/ebook/skin5/js/expressInstall.swf", this.settings, {allowScriptAccess: "always", bgcolor: "#" + this.settings.backgroundColor.toString( 16 ) });
|
||||
}
|
||||
|
||||
FlippingBook.prototype.getFlippingBookReference = function() {
|
||||
return this.getObjectReference( this.containerId );
|
||||
}
|
||||
|
||||
FlippingBook.prototype.getObjectReference = function( id ) {
|
||||
return document.getElementById( id );
|
||||
}
|
||||
|
||||
FlippingBook.prototype.flipForward = function() {
|
||||
flippingBook.getFlippingBookReference().flipForward();
|
||||
}
|
||||
|
||||
FlippingBook.prototype.flipBack = function() {
|
||||
flippingBook.getFlippingBookReference().flipBack();
|
||||
}
|
||||
|
||||
FlippingBook.prototype.zoomButtonClick = function() {
|
||||
if( flippingBook.getFlippingBookReference().isZoomedIn() )
|
||||
flippingBook.zoomOut();
|
||||
else
|
||||
flippingBook.zoomIn();
|
||||
}
|
||||
|
||||
FlippingBook.prototype.zoomIn = function() {
|
||||
this.getFlippingBookReference().zoomIn();
|
||||
}
|
||||
|
||||
FlippingBook.prototype.zoomOut = function() {
|
||||
this.getFlippingBookReference().zoomOut();
|
||||
}
|
||||
|
||||
FlippingBook.prototype.print = function() {
|
||||
flippingBook.getFlippingBookReference().print();
|
||||
}
|
||||
|
||||
FlippingBook.prototype.downloadFile = function() {
|
||||
if( flippingBook.settings.downloadURL )
|
||||
flippingBook.getFlippingBookReference().downloadFile();
|
||||
}
|
||||
|
||||
FlippingBook.prototype.onWindowLoad = function(){
|
||||
var forwardButton = flippingBook.getObjectReference( flippingBook.forwardButtonId );
|
||||
if( forwardButton ){
|
||||
forwardButton.style.cursor = "pointer";
|
||||
forwardButton.onclick = flippingBook.flipForward;
|
||||
}
|
||||
|
||||
var backButton = flippingBook.getObjectReference( flippingBook.backButtonId );
|
||||
if( backButton ){
|
||||
backButton.style.cursor = "pointer";
|
||||
backButton.onclick = flippingBook.flipBack;
|
||||
}
|
||||
|
||||
var zoomButton = flippingBook.getObjectReference( flippingBook.zoomButtonId );
|
||||
if( zoomButton ){
|
||||
zoomButton.style.cursor = "pointer";
|
||||
zoomButton.onclick = flippingBook.zoomButtonClick;
|
||||
}
|
||||
|
||||
var printButton = flippingBook.getObjectReference( flippingBook.printButtonId );
|
||||
if( printButton ){
|
||||
printButton.style.cursor = "pointer";
|
||||
printButton.onclick = flippingBook.print;
|
||||
}
|
||||
|
||||
var downloadButton = flippingBook.getObjectReference( flippingBook.downloadButtonId );
|
||||
if( downloadButton ){
|
||||
downloadButton.style.cursor = "pointer";
|
||||
downloadButton.onclick = flippingBook.downloadFile;
|
||||
}
|
||||
|
||||
flippingBook.buildContentsMenu();
|
||||
}
|
||||
|
||||
FlippingBook.prototype.onPutPage = function( leftPageNumber, rightPageNumber ){
|
||||
this.updatePagination( leftPageNumber, rightPageNumber );
|
||||
this.updateContentsMenu( leftPageNumber, rightPageNumber );
|
||||
}
|
||||
|
||||
FlippingBook.prototype.updatePagination = function( leftPageNumber, rightPageNumber ){
|
||||
var leftPageExists = ( leftPageNumber != undefined );
|
||||
var rightPageExists = ( rightPageNumber != undefined );
|
||||
|
||||
var pageNumberString = leftPageNumber + "-" + rightPageNumber;
|
||||
if( !leftPageExists )
|
||||
pageNumberString = rightPageNumber;
|
||||
if( !rightPageExists )
|
||||
pageNumberString = leftPageNumber;
|
||||
|
||||
this.getObjectReference( this.currentPagesId ).innerHTML = pageNumberString;
|
||||
this.getObjectReference( this.totalPagesId ).innerHTML = " / " + this.getFlippingBookReference().totalPages();
|
||||
}
|
||||
|
||||
FlippingBook.prototype.buildContentsMenu = function(){
|
||||
var contentsSelect = this.getObjectReference( this.contentsMenuId );
|
||||
|
||||
if( contentsSelect ){
|
||||
for( var i = 0; i < this.contents.length; i++ )
|
||||
contentsSelect.options[i] = new Option(this.contents[i][0], this.contents[i][1]);
|
||||
|
||||
contentsSelect.onchange = this.onContentsChange;
|
||||
}
|
||||
}
|
||||
|
||||
FlippingBook.prototype.onContentsChange = function(){
|
||||
var contentsSelect = flippingBook.getObjectReference( flippingBook.contentsMenuId );
|
||||
var pageNumber = contentsSelect.options[contentsSelect.selectedIndex].value;
|
||||
|
||||
if( pageNumber )
|
||||
flippingBook.getFlippingBookReference().flipGotoPage( pageNumber );
|
||||
}
|
||||
|
||||
FlippingBook.prototype.updateContentsMenu = function( leftPageNumber, rightPageNumber ){
|
||||
var contentsSelect = flippingBook.getObjectReference( flippingBook.contentsMenuId );
|
||||
|
||||
if( contentsSelect ){
|
||||
for( var i = 0; i < this.contents.length - 1; i++ ){
|
||||
var minPage = contentsSelect.options[i].value;
|
||||
var maxPage = contentsSelect.options[i+1].value;
|
||||
var leftOK = false;
|
||||
var rightOK = false;
|
||||
|
||||
if( leftPageNumber )
|
||||
leftOK = ( Number( leftPageNumber ) >= minPage && Number( leftPageNumber ) <= maxPage );
|
||||
else
|
||||
leftOK = true;
|
||||
|
||||
if( rightPageNumber )
|
||||
rightOK = ( Number( rightPageNumber ) >= minPage && Number( rightPageNumber ) <= maxPage );
|
||||
else
|
||||
rightOK = true;
|
||||
|
||||
if( leftOK && rightOK )
|
||||
break;
|
||||
}
|
||||
contentsSelect.selectedIndex = i;
|
||||
}
|
||||
}
|
||||
|
||||
FlippingBook.prototype.getWindowHeight = function() {
|
||||
var windowHeight = 0;
|
||||
|
||||
if (typeof(window.innerHeight) == 'number' ) {
|
||||
windowHeight=window.innerHeight;
|
||||
}
|
||||
else {
|
||||
if (document.documentElement && document.documentElement.clientHeight) {
|
||||
windowHeight = document.documentElement.clientHeight;
|
||||
}
|
||||
else {
|
||||
if (document.body&&document.body.clientHeight) {
|
||||
windowHeight=document.body.clientHeight;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return windowHeight;
|
||||
}
|
||||
|
||||
FlippingBook.prototype.addLoadEvent = function ( fn ) {
|
||||
if (typeof window.addEventListener != "undefined") {
|
||||
window.addEventListener("load", fn, false);
|
||||
}
|
||||
else if (typeof document.addEventListener != "undefined") {
|
||||
document.addEventListener("load", fn, false);
|
||||
}
|
||||
else if (typeof window.attachEvent != "undefined") {
|
||||
window.attachEvent("onload", fn);
|
||||
}
|
||||
else if (typeof window.onload == "function") {
|
||||
var fnOld = window.onload;
|
||||
window.onload = function() {
|
||||
fnOld();
|
||||
fn();
|
||||
};
|
||||
}
|
||||
else {
|
||||
window.onload = fn;
|
||||
}
|
||||
}
|
||||
|
||||
FlippingBook.prototype.handleWheel = function ( delta ){
|
||||
this.getFlippingBookReference().onWheelScroll( delta );
|
||||
}
|
||||
|
||||
flippingBook = new FlippingBook();
|
||||
|
||||
function wheel(event){
|
||||
var delta = 0;
|
||||
if (!event) event = window.event;
|
||||
if (event.wheelDelta) {
|
||||
delta = event.wheelDelta/120;
|
||||
if (window.opera) delta = -delta;
|
||||
} else if (event.detail) {
|
||||
delta = -event.detail/3;
|
||||
}
|
||||
if (delta)
|
||||
flippingBook.handleWheel(delta);
|
||||
if (event.preventDefault)
|
||||
event.preventDefault();
|
||||
event.returnValue = false;
|
||||
}
|
||||
|
||||
if (window.addEventListener)
|
||||
window.addEventListener('DOMMouseScroll', wheel, false);
|
||||
window.onmousewheel = document.onmousewheel = wheel;
|
||||
Reference in New Issue
Block a user