├── images ├── back.png ├── chain.jpg ├── cover.jpg ├── design.png ├── easy.png ├── flash.png ├── more.png ├── wood.jpg ├── zoom.jpg ├── arrow_up.png ├── arrow_down.png ├── cover_last.png ├── projector.png ├── shadow_fold.png ├── click_to_open.png ├── fold_gradient.png ├── icons │ ├── thumbs.png │ ├── zoom_in.png │ ├── arrow_left.png │ ├── sound_off.png │ ├── sound_on.png │ ├── zoom_out.png │ ├── arrow_right.png │ ├── fullscreen_off.png │ ├── fullscreen_on.png │ ├── slideshow_pause.png │ ├── slideshow_play.png │ ├── arrow_double_left.png │ └── arrow_double_right.png ├── browser_logos-32.png ├── gutter_shadow_left.png ├── shadow_fold_flip_h.png ├── fold_gradient_flip_h.png ├── gutter_shadow_right.png ├── page_left_background.png ├── page_right_background.png └── shadow_internal_fold.png ├── sound ├── page-flip.mp3 └── page-flip.ogg ├── fonts ├── BebasNeue-webfont.ttf ├── BebasNeue-webfont.woff └── BebasNeue-webfont.svg ├── js ├── script.js ├── plugins.js ├── dd_belatedpng.js └── modernizr-1.6.min.js ├── css ├── handheld.css ├── wow_book.css ├── preview.css └── style.css ├── README.md ├── light.html ├── LICENSE ├── index.html └── wow_book.min.js /images/back.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yapro/wowbook/HEAD/images/back.png -------------------------------------------------------------------------------- /images/chain.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yapro/wowbook/HEAD/images/chain.jpg -------------------------------------------------------------------------------- /images/cover.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yapro/wowbook/HEAD/images/cover.jpg -------------------------------------------------------------------------------- /images/design.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yapro/wowbook/HEAD/images/design.png -------------------------------------------------------------------------------- /images/easy.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yapro/wowbook/HEAD/images/easy.png -------------------------------------------------------------------------------- /images/flash.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yapro/wowbook/HEAD/images/flash.png -------------------------------------------------------------------------------- /images/more.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yapro/wowbook/HEAD/images/more.png -------------------------------------------------------------------------------- /images/wood.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yapro/wowbook/HEAD/images/wood.jpg -------------------------------------------------------------------------------- /images/zoom.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yapro/wowbook/HEAD/images/zoom.jpg -------------------------------------------------------------------------------- /images/arrow_up.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yapro/wowbook/HEAD/images/arrow_up.png -------------------------------------------------------------------------------- /sound/page-flip.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yapro/wowbook/HEAD/sound/page-flip.mp3 -------------------------------------------------------------------------------- /sound/page-flip.ogg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yapro/wowbook/HEAD/sound/page-flip.ogg -------------------------------------------------------------------------------- /images/arrow_down.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yapro/wowbook/HEAD/images/arrow_down.png -------------------------------------------------------------------------------- /images/cover_last.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yapro/wowbook/HEAD/images/cover_last.png -------------------------------------------------------------------------------- /images/projector.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yapro/wowbook/HEAD/images/projector.png -------------------------------------------------------------------------------- /images/shadow_fold.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yapro/wowbook/HEAD/images/shadow_fold.png -------------------------------------------------------------------------------- /images/click_to_open.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yapro/wowbook/HEAD/images/click_to_open.png -------------------------------------------------------------------------------- /images/fold_gradient.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yapro/wowbook/HEAD/images/fold_gradient.png -------------------------------------------------------------------------------- /images/icons/thumbs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yapro/wowbook/HEAD/images/icons/thumbs.png -------------------------------------------------------------------------------- /images/icons/zoom_in.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yapro/wowbook/HEAD/images/icons/zoom_in.png -------------------------------------------------------------------------------- /fonts/BebasNeue-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yapro/wowbook/HEAD/fonts/BebasNeue-webfont.ttf -------------------------------------------------------------------------------- /images/browser_logos-32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yapro/wowbook/HEAD/images/browser_logos-32.png -------------------------------------------------------------------------------- /images/icons/arrow_left.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yapro/wowbook/HEAD/images/icons/arrow_left.png -------------------------------------------------------------------------------- /images/icons/sound_off.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yapro/wowbook/HEAD/images/icons/sound_off.png -------------------------------------------------------------------------------- /images/icons/sound_on.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yapro/wowbook/HEAD/images/icons/sound_on.png -------------------------------------------------------------------------------- /images/icons/zoom_out.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yapro/wowbook/HEAD/images/icons/zoom_out.png -------------------------------------------------------------------------------- /fonts/BebasNeue-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yapro/wowbook/HEAD/fonts/BebasNeue-webfont.woff -------------------------------------------------------------------------------- /images/gutter_shadow_left.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yapro/wowbook/HEAD/images/gutter_shadow_left.png -------------------------------------------------------------------------------- /images/icons/arrow_right.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yapro/wowbook/HEAD/images/icons/arrow_right.png -------------------------------------------------------------------------------- /images/shadow_fold_flip_h.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yapro/wowbook/HEAD/images/shadow_fold_flip_h.png -------------------------------------------------------------------------------- /images/fold_gradient_flip_h.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yapro/wowbook/HEAD/images/fold_gradient_flip_h.png -------------------------------------------------------------------------------- /images/gutter_shadow_right.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yapro/wowbook/HEAD/images/gutter_shadow_right.png -------------------------------------------------------------------------------- /images/icons/fullscreen_off.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yapro/wowbook/HEAD/images/icons/fullscreen_off.png -------------------------------------------------------------------------------- /images/icons/fullscreen_on.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yapro/wowbook/HEAD/images/icons/fullscreen_on.png -------------------------------------------------------------------------------- /images/icons/slideshow_pause.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yapro/wowbook/HEAD/images/icons/slideshow_pause.png -------------------------------------------------------------------------------- /images/icons/slideshow_play.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yapro/wowbook/HEAD/images/icons/slideshow_play.png -------------------------------------------------------------------------------- /images/page_left_background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yapro/wowbook/HEAD/images/page_left_background.png -------------------------------------------------------------------------------- /images/page_right_background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yapro/wowbook/HEAD/images/page_right_background.png -------------------------------------------------------------------------------- /images/shadow_internal_fold.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yapro/wowbook/HEAD/images/shadow_internal_fold.png -------------------------------------------------------------------------------- /images/icons/arrow_double_left.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yapro/wowbook/HEAD/images/icons/arrow_double_left.png -------------------------------------------------------------------------------- /images/icons/arrow_double_right.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yapro/wowbook/HEAD/images/icons/arrow_double_right.png -------------------------------------------------------------------------------- /js/script.js: -------------------------------------------------------------------------------- 1 | /* Author: 2 | 3 | */ 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /css/handheld.css: -------------------------------------------------------------------------------- 1 | * { 2 | float: none; /* Screens are not big enough to account for floats */ 3 | background: #fff; /* As much contrast as possible */ 4 | color: #000; 5 | } 6 | 7 | /* Slightly reducing font size to reduce need to scroll */ 8 | body { font-size: 80%; } -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | wowbook 2 | ======= 3 | 4 | wowBook is a jQuery plugin that let's you publish a book on your website with awesome page flipping effects. 5 | 6 | Demo: http://3.s3.envato.com/files/89504756/index.html 7 | 8 | Documentation: http://www.neuearbeit.de/wow_book_plugin/documentation/ 9 | -------------------------------------------------------------------------------- /js/plugins.js: -------------------------------------------------------------------------------- 1 | 2 | // remap jQuery to $ 3 | (function($){ 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | })(this.jQuery); 16 | 17 | 18 | 19 | // usage: log('inside coolFunc',this,arguments); 20 | // paulirish.com/2009/log-a-lightweight-wrapper-for-consolelog/ 21 | window.log = function(){ 22 | log.history = log.history || []; // store logs to an array for reference 23 | log.history.push(arguments); 24 | if(this.console){ 25 | console.log( Array.prototype.slice.call(arguments) ); 26 | } 27 | }; 28 | 29 | 30 | 31 | // catch all document.write() calls 32 | (function(doc){ 33 | var write = doc.write; 34 | doc.write = function(q){ 35 | log('document.write(): ',arguments); 36 | if (/docwriteregexwhitelist/.test(q)) write.apply(doc,arguments); 37 | }; 38 | })(document); 39 | 40 | 41 | -------------------------------------------------------------------------------- /js/dd_belatedpng.js: -------------------------------------------------------------------------------- 1 | /** 2 | * DD_belatedPNG: Adds IE6 support: PNG images for CSS background-image and HTML . 3 | * Author: Drew Diller 4 | * Email: drew.diller@gmail.com 5 | * URL: http://www.dillerdesign.com/experiment/DD_belatedPNG/ 6 | * Version: 0.0.8a 7 | * Licensed under the MIT License: http://dillerdesign.com/experiment/DD_belatedPNG/#license 8 | * 9 | * Example usage: 10 | * DD_belatedPNG.fix('.png_bg'); // argument is a CSS selector 11 | * DD_belatedPNG.fixPng( someNode ); // argument is an HTMLDomElement 12 | **/ 13 | var DD_belatedPNG={ns:"DD_belatedPNG",imgSize:{},delay:10,nodesFixed:0,createVmlNameSpace:function(){if(document.namespaces&&!document.namespaces[this.ns]){document.namespaces.add(this.ns,"urn:schemas-microsoft-com:vml")}},createVmlStyleSheet:function(){var b,a;b=document.createElement("style");b.setAttribute("media","screen");document.documentElement.firstChild.insertBefore(b,document.documentElement.firstChild.firstChild);if(b.styleSheet){b=b.styleSheet;b.addRule(this.ns+"\\:*","{behavior:url(#default#VML)}");b.addRule(this.ns+"\\:shape","position:absolute;");b.addRule("img."+this.ns+"_sizeFinder","behavior:none; border:none; position:absolute; z-index:-1; top:-10000px; visibility:hidden;");this.screenStyleSheet=b;a=document.createElement("style");a.setAttribute("media","print");document.documentElement.firstChild.insertBefore(a,document.documentElement.firstChild.firstChild);a=a.styleSheet;a.addRule(this.ns+"\\:*","{display: none !important;}");a.addRule("img."+this.ns+"_sizeFinder","{display: none !important;}")}},readPropertyChange:function(){var b,c,a;b=event.srcElement;if(!b.vmlInitiated){return}if(event.propertyName.search("background")!=-1||event.propertyName.search("border")!=-1){DD_belatedPNG.applyVML(b)}if(event.propertyName=="style.display"){c=(b.currentStyle.display=="none")?"none":"block";for(a in b.vml){if(b.vml.hasOwnProperty(a)){b.vml[a].shape.style.display=c}}}if(event.propertyName.search("filter")!=-1){DD_belatedPNG.vmlOpacity(b)}},vmlOpacity:function(b){if(b.currentStyle.filter.search("lpha")!=-1){var a=b.currentStyle.filter;a=parseInt(a.substring(a.lastIndexOf("=")+1,a.lastIndexOf(")")),10)/100;b.vml.color.shape.style.filter=b.currentStyle.filter;b.vml.image.fill.opacity=a}},handlePseudoHover:function(a){setTimeout(function(){DD_belatedPNG.applyVML(a)},1)},fix:function(a){if(this.screenStyleSheet){var c,b;c=a.split(",");for(b=0;bn.H){i.B=n.H}d.vml.image.shape.style.clip="rect("+i.T+"px "+(i.R+a)+"px "+i.B+"px "+(i.L+a)+"px)"}else{d.vml.image.shape.style.clip="rect("+f.T+"px "+f.R+"px "+f.B+"px "+f.L+"px)"}},figurePercentage:function(d,c,f,a){var b,e;e=true;b=(f=="X");switch(a){case"left":case"top":d[f]=0;break;case"center":d[f]=0.5;break;case"right":case"bottom":d[f]=1;break;default:if(a.search("%")!=-1){d[f]=parseInt(a,10)/100}else{e=false}}d[f]=Math.ceil(e?((c[b?"W":"H"]*d[f])-(c[b?"w":"h"]*d[f])):parseInt(a,10));if(d[f]%2===0){d[f]++}return d[f]},fixPng:function(c){c.style.behavior="none";var g,b,f,a,d;if(c.nodeName=="BODY"||c.nodeName=="TD"||c.nodeName=="TR"){return}c.isImg=false;if(c.nodeName=="IMG"){if(c.src.toLowerCase().search(/\.png$/)!=-1){c.isImg=true;c.style.visibility="hidden"}else{return}}else{if(c.currentStyle.backgroundImage.toLowerCase().search(".png")==-1){return}}g=DD_belatedPNG;c.vml={color:{},image:{}};b={shape:{},fill:{}};for(a in c.vml){if(c.vml.hasOwnProperty(a)){for(d in b){if(b.hasOwnProperty(d)){f=g.ns+":"+d;c.vml[a][d]=document.createElement(f)}}c.vml[a].shape.stroked=false;c.vml[a].shape.appendChild(c.vml[a].fill);c.parentNode.insertBefore(c.vml[a].shape,c)}}c.vml.image.shape.fillcolor="none";c.vml.image.fill.type="tile";c.vml.color.fill.on=false;g.attachHandlers(c);g.giveLayout(c);g.giveLayout(c.offsetParent);c.vmlInitiated=true;g.applyVML(c)}};try{document.execCommand("BackgroundImageCache",false,true)}catch(r){}DD_belatedPNG.createVmlNameSpace();DD_belatedPNG.createVmlStyleSheet(); -------------------------------------------------------------------------------- /light.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 207 | 208 |
209 | 210 | 211 | 212 |
213 | 214 |
215 |

text, text, text, text, text

216 |
217 |
218 |

text, text, text, text, text

219 |
220 |
221 |

text, text, text, text, text

222 |
223 |
224 |

text, text, text, text, text

225 |
226 | 227 |
228 | 229 |
230 | First page   231 | Back   232 |   233 | last page   234 | Slide Show   235 | Fullscreen 236 |
237 | 238 |
239 | 240 | 241 | 242 | 243 | 244 | 245 | 246 | 247 | 261 | 262 | 263 | 264 | -------------------------------------------------------------------------------- /css/wow_book.css: -------------------------------------------------------------------------------- 1 | /* 2 | * @name wowBook 3 | * @desc style for wowBook plugin for jQuery 4 | * 5 | * @author Marcio Aguiar 6 | * @version 1.0 7 | * 8 | * Date: Wed Dec 8 10:05:49 2010 -0200 9 | */ 10 | 11 | .wowbook { 12 | position : relative; 13 | zoom: 1; 14 | } 15 | .wowbook-page { 16 | zoom: 1; 17 | } 18 | 19 | .wowbook-page-content { 20 | position : absolute; 21 | overflow : hidden; 22 | zoom: 1; 23 | } 24 | 25 | .wowbook-loading .wowbook-page-content { 26 | background-image: url(../loading.gif); 27 | background-position: 50% 50%; 28 | background-repeat: no-repeat; 29 | } 30 | 31 | img.wowbook-lazy { 32 | height: 100%; 33 | left: 0; 34 | position: absolute; 35 | top: 0; 36 | width: 100%; 37 | } 38 | 39 | /* marker class */ 40 | .wowbook-left{} 41 | .wowbook-right{} 42 | .wowbook-disabled{} 43 | 44 | .wowbook-handle { 45 | cursor : pointer; 46 | height : 100%; 47 | position : absolute; 48 | top : 0; 49 | width : 50px; 50 | z-index : 10000; 51 | /* without this Chrome will mess the zindex of hardcover when it flips, making 52 | the cover to jump when the "curl page corner on hover" is enabled */ 53 | -webkit-transform: translate3d(0px, 0px, 10000px); 54 | } 55 | 56 | .wowbook-handle.wowbook-disabled { 57 | display : none; 58 | } 59 | 60 | .wowbook-unselectable { 61 | -moz-user-select: none; 62 | -webkit-user-select: none; 63 | -ms-user-select: none; 64 | } 65 | 66 | .wowbook-page-content.wowbook-double-page { 67 | padding: 0; 68 | } 69 | 70 | /* shadows */ 71 | .wowbook-shadow-clipper { 72 | position : absolute; 73 | overflow : hidden; 74 | z-index : 999; /* 1 a menos do que o verso da pagina sendo foldada */ 75 | zoom: 1; 76 | -webkit-backface-visibility: hidden; /* eliminate jagged edges */ 77 | } 78 | 79 | .wowbook-shadow-container { 80 | display : none; 81 | position : absolute; 82 | z-index : 999; /* 1 a menos do que o verso da pagina sendo foldada */ 83 | zoom: 1; 84 | } 85 | 86 | .wowbook-shadow-internal { 87 | background : url(../images/shadow_internal_fold.png) repeat-y; 88 | height : 500px; 89 | width : 200px; 90 | position : absolute; 91 | zoom: 1; 92 | -webkit-backface-visibility: hidden; /* eliminate jagged edges */ 93 | } 94 | 95 | .wowbook-shadow-fold { 96 | background : url(../images/shadow_fold.png) right top repeat-y; 97 | height : 500px; 98 | width : 100px; 99 | position : absolute; 100 | zoom : 1; 101 | -webkit-backface-visibility: hidden; /* eliminate jagged edges */ 102 | } 103 | 104 | .wowbook-shadow-fold-flipped { 105 | background-image : url(../images/shadow_fold_flip_h.png); 106 | } 107 | 108 | .wowbook-fold-gradient { 109 | background : url(../images/fold_gradient.png) right top repeat-y; 110 | height : 500px; 111 | width : 125px; 112 | position : absolute; 113 | top : 0; 114 | zoom: 1; 115 | -webkit-backface-visibility: hidden; /* eliminate jagged edges */ 116 | } 117 | 118 | .wowbook-fold-gradient-flipped { 119 | background-image : url(../images/fold_gradient_flip_h.png); 120 | } 121 | 122 | .wowbook-fold-gradient-container { 123 | position : absolute; 124 | z-index : 1001; /* 1 a mais que o verso da pagina sendo foldada */ 125 | } 126 | 127 | .wowbook-gutter-shadow { 128 | height : 100%; 129 | width : 40px; 130 | position : absolute; 131 | top : 0; 132 | } 133 | 134 | .wowbook-left .wowbook-gutter-shadow { 135 | background : url(./images/gutter_shadow_left.png) right top repeat-y; 136 | right : 0; 137 | width : 70px; 138 | } 139 | 140 | .wowbook-right .wowbook-gutter-shadow { 141 | background : url(./images/gutter_shadow_right.png) right top repeat-y; 142 | left : 0; 143 | } 144 | 145 | .wowbook-hard-page-shadow { 146 | background : #888; 147 | position : absolute; 148 | top : 0; 149 | z-index : 999; /* 1 a menos do que o verso da pagina sendo foldada */ 150 | } 151 | 152 | .wowbook-page-number { 153 | bottom : 0; 154 | padding-bottom: 0.3em; 155 | position : absolute; 156 | } 157 | 158 | .wowbook-left .wowbook-page-number { 159 | left : 0; 160 | padding-left: 0.5em; 161 | } 162 | 163 | .wowbook-right .wowbook-page-number { 164 | right : 0; 165 | padding-right: 0.5em; 166 | } 167 | 168 | .wowbook-book-shadow{ 169 | -moz-box-shadow: 0 0 7px #666; 170 | -ms-box-shadow: 0 0 7px #666; 171 | -webkit-box-shadow: 0 0 7px #666; 172 | -o-box-shadow: 0 0 7px #666; 173 | box-shadow: 0 0 7px #666; /* if you change this, change the .wowbook-hard-page-shadow too */ 174 | } 175 | 176 | .wowbook-hard-page-shadow { 177 | background : #888; 178 | box-shadow: 0 0 2px 0px #666; 179 | background: rgba(96, 96, 96, 0.5); 180 | position : absolute; 181 | top : 0; 182 | z-index : 999; 183 | } 184 | 185 | .wowbook-page-holded { 186 | } 187 | .wowbook-page-holded object { 188 | /* visibility: hidden; */ 189 | } 190 | 191 | 192 | /* Thumbnails */ 193 | .wowbook-thumbnails { 194 | background: none; 195 | left: 0px; 196 | top: 0px; 197 | position: absolute; 198 | -webkit-user-select: none; 199 | -moz-user-select: none; 200 | -ms-user-select: none; 201 | user-select: none; 202 | image-rendering:optimizeQuality; 203 | z-index: 10000; 204 | } 205 | 206 | .wowbook-thumbnails .wowbook-clipper { 207 | overflow: hidden; 208 | position: relative; 209 | } 210 | 211 | .wowbook-thumbnails ul { 212 | position: relative; 213 | margin : 0; 214 | padding : 0; 215 | } 216 | 217 | .wowbook-thumbnails .wowbook-button { 218 | background: none no-repeat 50% 50% #333; 219 | cursor: pointer; 220 | left: 0; 221 | position: absolute; 222 | top: 0; 223 | } 224 | 225 | .wowbook-thumbnail { 226 | cursor : pointer; 227 | display : inline-block; 228 | *display: inline; /* for IE7 */ 229 | zoom: 1; /* for IE7 */ 230 | overflow: hidden; 231 | position: relative; 232 | vertical-align: top; 233 | } 234 | 235 | /* BUGFIX. IE8 apparently ignores background-position 236 | when zoom<>1 is applied and the element has position:absolute */ 237 | .wowbook-thumbnail .wowbook-page-content { 238 | position: relative; 239 | } 240 | 241 | .wowbook-thumbnail.wowbook-right { 242 | margin-right: 1em; 243 | } 244 | 245 | .wowbook-overlay { 246 | left: 0; 247 | height: 100%; 248 | position: absolute; 249 | top: 0; 250 | width: 100%; 251 | z-index: 100000; 252 | } 253 | 254 | /* Thumbnails - horizontal */ 255 | .wowbook-horizontal.wowbook-thumbnails{ 256 | width: 100%; 257 | } 258 | 259 | .wowbook-horizontal.wowbook-thumbnails .wowbook-clipper { 260 | height: 100%; 261 | position: relative; 262 | margin: 0 30px; /* margin is the width of the buttons */ 263 | } 264 | 265 | .wowbook-horizontal.wowbook-thumbnails ul { 266 | display: inline-block; 267 | *display: inline; /* IE7 */ 268 | *zoom: 1; /* IE7 */ 269 | white-space: nowrap; 270 | } 271 | 272 | .wowbook-horizontal.wowbook-thumbnails .wowbook-button { 273 | width: 30px; 274 | height: 100%; 275 | background-image: url("../images/icons/arrow_left.png"); 276 | } 277 | 278 | .wowbook-horizontal.wowbook-thumbnails .wowbook-next.wowbook-button { 279 | left: auto; right: 0; 280 | background-image: url("../images/icons/arrow_right.png"); 281 | } 282 | 283 | .wowbook-horizontal .wowbook-thumbnail { 284 | /* without this, the "nowrap" value set in the "ul" will 285 | be inherited and (probably) mess with your thumbnails */ 286 | white-space: normal; 287 | /* BUT IE7 NEED THIS */ 288 | *white-space: nowrap; 289 | } 290 | .wowbook-horizontal .wowbook-thumbnail .wowbook-page-content{ 291 | /* AGAIN, IE7 NEED THIS */ 292 | *white-space: normal; 293 | } 294 | 295 | 296 | 297 | /* Thumbnails - vertical */ 298 | 299 | .wowbook-vertical.wowbook-thumbnails { 300 | display: inline-block; 301 | height: 100%; 302 | } 303 | 304 | .wowbook-vertical.wowbook-thumbnails .wowbook-clipper { 305 | position: absolute; 306 | top: 30px; bottom: 30px; /* this value is the height of the buttons */ 307 | } 308 | 309 | .wowbook-vertical.wowbook-thumbnails .wowbook-button { 310 | height: 30px; 311 | width: 100%; 312 | background-image: url("../images/arrow_up.png"); 313 | } 314 | 315 | .wowbook-vertical.wowbook-thumbnails .wowbook-next.wowbook-button { 316 | bottom: 0; top: auto; 317 | background-image: url("../images/arrow_down.png"); 318 | } 319 | 320 | .wowbook-vertical .wowbook-thumbnail.wowbook-right { 321 | margin-right: 0; 322 | } 323 | .wowbook-vertical .wowbook-thumbnail:first-child { 324 | margin-left: 50%; 325 | } 326 | -------------------------------------------------------------------------------- /js/modernizr-1.6.min.js: -------------------------------------------------------------------------------- 1 | /* 2 | * Modernizr v1.6 3 | * http://www.modernizr.com 4 | * 5 | * Developed by: 6 | * - Faruk Ates http://farukat.es/ 7 | * - Paul Irish http://paulirish.com/ 8 | * 9 | * Copyright (c) 2009-2010 10 | * Dual-licensed under the BSD or MIT licenses. 11 | * http://www.modernizr.com/license/ 12 | */ 13 | window.Modernizr=function(i,e,u){function s(a,b){return(""+a).indexOf(b)!==-1}function D(a,b){for(var c in a)if(j[a[c]]!==u&&(!b||b(a[c],E)))return true}function n(a,b){var c=a.charAt(0).toUpperCase()+a.substr(1);c=(a+" "+F.join(c+" ")+c).split(" ");return!!D(c,b)}function S(){f.input=function(a){for(var b=0,c=a.length;b7)};d.history=function(){return!!(i.history&&history.pushState)};d.draganddrop=function(){return o("drag")&& 20 | o("dragstart")&&o("dragenter")&&o("dragover")&&o("dragleave")&&o("dragend")&&o("drop")};d.websockets=function(){return"WebSocket"in i};d.rgba=function(){j.cssText="background-color:rgba(150,255,150,.5)";return s(j.backgroundColor,"rgba")};d.hsla=function(){j.cssText="background-color:hsla(120,40%,100%,.5)";return s(j.backgroundColor,"rgba")||s(j.backgroundColor,"hsla")};d.multiplebgs=function(){j.cssText="background:url(//:),url(//:),red url(//:)";return/(url\s*\(.*?){3}/.test(j.background)};d.backgroundsize= 21 | function(){return n("backgroundSize")};d.borderimage=function(){return n("borderImage")};d.borderradius=function(){return n("borderRadius","",function(a){return s(a,"orderRadius")})};d.boxshadow=function(){return n("boxShadow")};d.textshadow=function(){return e.createElement("div").style.textShadow===""};d.opacity=function(){var a=q.join("opacity:.5;")+"";j.cssText=a;return s(j.opacity,"0.5")};d.cssanimations=function(){return n("animationName")};d.csscolumns=function(){return n("columnCount")};d.cssgradients= 22 | function(){var a=("background-image:"+q.join("gradient(linear,left top,right bottom,from(#9f9),to(white));background-image:")+q.join("linear-gradient(left top,#9f9, white);background-image:")).slice(0,-17);j.cssText=a;return s(j.backgroundImage,"gradient")};d.cssreflections=function(){return n("boxReflect")};d.csstransforms=function(){return!!D(["transformProperty","WebkitTransform","MozTransform","OTransform","msTransform"])};d.csstransforms3d=function(){var a=!!D(["perspectiveProperty","WebkitPerspective", 23 | "MozPerspective","OPerspective","msPerspective"]);if(a)a=Q("@media ("+q.join("transform-3d),(")+"modernizr)");return a};d.csstransitions=function(){return n("transitionProperty")};d.fontface=function(){var a,b=e.head||e.getElementsByTagName("head")[0]||l,c=e.createElement("style"),k=e.implementation||{hasFeature:function(){return false}};c.type="text/css";b.insertBefore(c,b.firstChild);a=c.sheet||c.styleSheet;b=k.hasFeature("CSS2","")?function(g){if(!(a&&g))return false;var r=false;try{a.insertRule(g, 24 | 0);r=!/unknown/i.test(a.cssRules[0].cssText);a.deleteRule(a.cssRules.length-1)}catch(x){}return r}:function(g){if(!(a&&g))return false;a.cssText=g;return a.cssText.length!==0&&!/unknown/i.test(a.cssText)&&a.cssText.replace(/\r+|\n+/g,"").indexOf(g.split(" ")[0])===0};f._fontfaceready=function(g){g(f.fontface)};return b('@font-face { font-family: "font"; src: "font.ttf"; }')};d.video=function(){var a=e.createElement("video"),b=!!a.canPlayType;if(b){b=new Boolean(b);b.ogg=a.canPlayType('video/ogg; codecs="theora"'); 25 | b.h264=a.canPlayType('video/mp4; codecs="avc1.42E01E"')||a.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"');b.webm=a.canPlayType('video/webm; codecs="vp8, vorbis"')}return b};d.audio=function(){var a=e.createElement("audio"),b=!!a.canPlayType;if(b){b=new Boolean(b);b.ogg=a.canPlayType('audio/ogg; codecs="vorbis"');b.mp3=a.canPlayType("audio/mpeg;");b.wav=a.canPlayType('audio/wav; codecs="1"');b.m4a=a.canPlayType("audio/x-m4a;")||a.canPlayType("audio/aac;")}return b};d.localstorage=function(){try{return"localStorage"in 26 | i&&i.localStorage!==null}catch(a){return false}};d.sessionstorage=function(){try{return"sessionStorage"in i&&i.sessionStorage!==null}catch(a){return false}};d.webWorkers=function(){return!!i.Worker};d.applicationcache=function(){return!!i.applicationCache};d.svg=function(){return!!e.createElementNS&&!!e.createElementNS(v.svg,"svg").createSVGRect};d.inlinesvg=function(){var a=document.createElement("div");a.innerHTML="";return(a.firstChild&&a.firstChild.namespaceURI)==v.svg};d.smil=function(){return!!e.createElementNS&& 27 | /SVG/.test(O.call(e.createElementNS(v.svg,"animate")))};d.svgclippaths=function(){return!!e.createElementNS&&/SVG/.test(O.call(e.createElementNS(v.svg,"clipPath")))};for(var H in d)if(R(d,H)){w=H.toLowerCase();f[w]=d[H]();P.push((f[w]?"":"no-")+w)}f.input||S();f.crosswindowmessaging=f.postmessage;f.historymanagement=f.history;f.addTest=function(a,b){a=a.toLowerCase();if(!f[a]){b=!!b();l.className+=" "+(b?"":"no-")+a;f[a]=b;return f}};j.cssText="";E=h=null;i.attachEvent&&function(){var a=e.createElement("div"); 28 | a.innerHTML="";return a.childNodes.length!==1}()&&function(a,b){function c(p){for(var m=-1;++m> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */ 210 | .clearfix:before, .clearfix:after { 211 | content: "\0020"; display: block; height: 0; visibility: hidden; 212 | } 213 | 214 | .clearfix:after { clear: both; } 215 | /* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */ 216 | .clearfix { zoom: 1; } 217 | 218 | 219 | 220 | 221 | 222 | 223 | /* Primary Styles 224 | Author: 225 | */ 226 | 227 | 228 | /* 229 | * Media queries for responsive design 230 | * These follow after primary styles so they will successfully override. 231 | */ 232 | 233 | @media all and (orientation:portrait) { 234 | /* Style adjustments for portrait mode goes here */ 235 | 236 | } 237 | 238 | @media all and (orientation:landscape) { 239 | /* Style adjustments for landscape mode goes here */ 240 | 241 | } 242 | 243 | /* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome) 244 | Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */ 245 | @media screen and (max-device-width: 480px) { 246 | 247 | 248 | /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you 249 | j.mp/textsizeadjust 250 | html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */ 251 | } 252 | 253 | /* 254 | * print styles 255 | * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 256 | */ 257 | @media print { 258 | * { background: transparent !important; color: #444 !important; text-shadow: none !important; } 259 | a, a:visited { color: #444 !important; text-decoration: underline; } 260 | a:after { content: " (" attr(href) ")"; } 261 | abbr:after { content: " (" attr(title) ")"; } 262 | .ir a:after { content: ""; } /* Don't show links for images */ 263 | pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } 264 | thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 265 | tr, img { page-break-inside: avoid; } 266 | @page { margin: 0.5cm; } 267 | p, h2, h3 { orphans: 3; widows: 3; } 268 | h2, h3{ page-break-after: avoid; } 269 | } 270 | 271 | 272 | /* ******************************************* */ 273 | 274 | nav { 275 | 276 | height: 26px; 277 | text-align: center; } 278 | nav ul { 279 | padding: 0; 280 | bborder-width: 1px; 281 | border-style: solid; 282 | border-color: #d5d5d5 #d2d2d2 #cdcdcd; 283 | border-radius: 6px; 284 | display: -moz-inline-box; 285 | -moz-box-orient: vertical; 286 | display: inline-block; 287 | vertical-align: baseline; 288 | zoom: 1; 289 | *display: inline; 290 | *vertical-align: auto; 291 | -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); 292 | -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); 293 | -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); 294 | -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); 295 | box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); } 296 | nav li { 297 | float: left; 298 | bborder-left: 1px solid #d2d2d2; } 299 | nav li:first-child { 300 | border-left: 0; } 301 | nav li:first-child a { 302 | border-radius: 6px 0 0 6px; } 303 | nav li:last-child a { 304 | border-radius: 0 6px 6px 0; } 305 | nav a { 306 | position: relative; 307 | display: block; 308 | padding: 0 14px; 309 | font-size: 11px; 310 | font-weight: bold; 311 | color: #666; 312 | color: rgb(221, 221, 221); 313 | height: 26px; 314 | line-height: 26px; 315 | text-shadow: 0 1px #fff; 316 | background: #fafafa; 317 | background-color: #fcfcfc; 318 | background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #f0f0f0)); 319 | background-image: -webkit-linear-gradient(top, #fcfcfc, #f0f0f0); 320 | background-image: -moz-linear-gradient(top, #fcfcfc, #f0f0f0); 321 | background-image: -ms-linear-gradient(top, #fcfcfc, #f0f0f0); 322 | background-image: -o-linear-gradient(top, #fcfcfc, #f0f0f0); 323 | background-image: linear-gradient(top, #fcfcfc, #f0f0f0); 324 | 325 | background-color: #2C2C2C; 326 | background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #f0f0f0)); 327 | background-image: -webkit-linear-gradient(top, #333333, #222222); 328 | background-image: -moz-linear-gradient(top, #333333, #222222); 329 | background-image: -ms-linear-gradient(top, #333333, #222222); 330 | background-image: -o-linear-gradient(top, #333333, #222222); 331 | background-image: linear-gradient(top, #333333, #222222); 332 | 333 | /*-webkit-box-shadow: inset 1px 1px #fafafa, inset -1px -1px #fafafa; 334 | -moz-box-shadow: inset 1px 1px #fafafa, inset -1px -1px #fafafa; 335 | -ms-box-shadow: inset 1px 1px #fafafa, inset -1px -1px #fafafa; 336 | -o-box-shadow: inset 1px 1px #fafafa, inset -1px -1px #fafafa; 337 | box-shadow: inset 1px 1px #fafafa, inset -1px -1px #fafafa; }*/ 338 | } 339 | 340 | nav a:hover { 341 | color: #333; 342 | color: rgb(221, 221, 221); /* FIXME */ 343 | z-index: 10; 344 | text-decoration: none; 345 | /* 346 | /-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), inset 1px 1px #fafafa, inset -1px -1px #fafafa; 347 | /-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), inset 1px 1px #fafafa, inset -1px -1px #fafafa; 348 | /-ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), inset 1px 1px #fafafa, inset -1px -1px #fafafa; 349 | /-o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), inset 1px 1px #fafafa, inset -1px -1px #fafafa; 350 | /box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), inset 1px 1px #fafafa, inset -1px -1px #fafafa; 351 | */ 352 | } 353 | nav li.active a, nav a:active, nav a:visited { 354 | color: #333; 355 | color: rgb(221, 221, 221); 356 | bbackground: #fff; 357 | -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1); 358 | -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1); 359 | -ms-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1); 360 | -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1); 361 | box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1); } 362 | 363 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 18 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 |
42 | 56 |
57 | click to open 58 |
59 |
60 |
61 | 62 |
63 |

page flipping effect

64 |

Hardpage

65 |

This effect turns the page like a hardcover.

66 |

Nice for a book cover, but you can make any page in the book like that. 67 |

68 |

69 |

Basic

70 |

Like the softpage effect, but without the 'diagonal twist'.

71 |

Since it doesn't use css transformations, it's used in page with flash or as fallback on old browsers.

72 |
73 |
74 |

page flipping effect

75 |

Softpage

76 |

77 | This effect Softpages folds like a regular sheet of paper. 78 |

79 |

80 | Drag this edge of the page and see how it folds nicely. 81 |

82 |
83 | 84 |
85 | 86 |
87 | 88 |
89 |

Responsive

90 |
91 |

92 | Wowbook make it easy to resize and adapt to various screen sizes. 93 |

94 |

95 | You can bind the book dimensions to a DOM element of your choice. Use CSS media queries to set the size of the element. 96 |

97 |

98 | ATTENTION: this feature does not work on Internet Explorer 7 and 8. 99 |

100 |
101 |
102 |

If you need more control on how to resize the book, you can use the javascript API to change the book's size. 103 |

104 |
105 |
106 |

Right-to-left support

107 |

108 | Wowbook can order the book pages from right to left if you need to use right-to-left script. 109 |

110 |
111 |
112 |

Lazy loading

113 |

114 | Wowbook can defer the loading of a page contents until the page is shown. This is especially useful in books that contains a lot of images. 115 |

116 |
117 | 118 |
119 |

DESIGN

120 |
the way you're used to
121 |
122 |
123 |

124 | Let the book fits into your site's design, and not the other way around. 125 |

126 |
127 | 128 |
129 |

Thumbnails

130 |

Basic support for displaying thumbnails.

131 |

CSS Sprite thumbnails:

132 |

You need to create a CSS Sprite and define a thumbnail size.

133 |

They are lighter and faster, but need to rebuild the image whenever you change the page contents and/or the thumbnails size.

134 |

Automatic thumbnails:

135 |

136 | Automatically created, each thumbnail is a clone of the page that is scaled down to the thumbnail size. They are more resource intensive than sprites thumbnails, but easier to update. Some browsers don't do the "scale down" part very well, leading to less than optimal (i.e., ugly) results. 137 |

138 |
139 |
140 |
141 |

Change Type:

142 |
143 | 144 | 145 |
146 |

Change Size:

147 |

Only valid with automatic thumbnails.

148 |
149 | 150 | 151 |
152 |

Change position:

153 |
154 |
155 | 156 | 157 |

158 | 159 |
160 |
161 |
162 | 163 |
164 |

Zoom

165 |
166 |
167 |

The zoom feature lets your users magnify your content to admire all the minimum details.

168 |

Configurable, multiple levels of zoom.

169 |

Design friendly : control the size and the position of the book when zoomed.

170 |
171 | 172 |
173 |

Deep linking

174 |

175 | Create a link to any page and they will work as expected, like this one (opens a new window). 176 |

177 |

178 | wowBook updates the browser's address bar to point to the current page, allowing your user bookmark what he is seeing and get back later. 179 |

180 |
181 |
182 |

Back button support

183 |

184 | wowBook doesn't breaks your browser's back button. 185 |

186 |

187 | 188 |

189 |
190 | 191 |
192 |

Automatic page numbering

193 |

194 | Numbering the pages of your book is boring 195 | , specially during development. Let wowBook do it for you. 196 |

197 |

198 | Choose where the numbers start and where they ends. 199 |

200 |

201 | Customize the appearance and position using CSS. 202 |

203 |
204 |
205 |

Slide Show

206 |

Turn your book into a slide show.

207 |

You can choose if you wanna pause on hover too.

208 | projector 209 |
210 | 211 |
212 |

FLASH

213 |

It's possible to use flash (like youtube videos) in your books, but the page that contains the flash object will be limited to the "basic flipping effect" (and ONLY that page).

214 |

Currently, most browsers do not handle well the css transformations used by wowbook when applied to a flash object.

215 |
216 |
217 | 218 | 219 | 220 | 221 | 222 | 223 | 224 |
225 | 226 | 227 |
228 |

and MORE

229 |
230 |
231 |
    232 |
  • Browser support : browser logos
    • 233 |
  • Keyboard navigation
    • 234 |
  • Mouse wheel navigation / zoom
    • 235 |
  • Play flipping sound
    • 236 |
  • Documentation
    • 237 |
  • Source code
    • 238 |
  • Examples
    • 239 |
  • Rich API
    • 240 |
241 |
242 |
243 | 244 |
245 | 246 |
247 | 248 |
249 |
250 |
251 |
252 | 253 |
254 |
255 | 256 | 257 | 258 | 259 | 260 | 261 | 262 | 263 | 264 | 265 | 335 | 336 | 337 | 338 | 339 | 340 | 341 | 345 | 346 | 347 | 348 | -------------------------------------------------------------------------------- /fonts/BebasNeue-webfont.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | This is a custom SVG webfont generated by Font Squirrel. 6 | Copyright : Copyright c 2010 by Ryoichi Tsunekawa All rights reserved 7 | Designer : Ryoichi Tsunekawa 8 | Foundry : Ryoichi Tsunekawa 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | 109 | 110 | 111 | 112 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 124 | 125 | 126 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | 137 | 138 | 139 | 140 | 141 | 142 | 143 | 144 | 145 | 146 | -------------------------------------------------------------------------------- /wow_book.min.js: -------------------------------------------------------------------------------- 1 | /*! jQuery Browser - v0.1.0 - 3/23/2012 2 | * https://github.com/jquery/jquery-browser 3 | * Copyright (c) 2012 John Resig; Licensed MIT */ 4 | /* 5 | THIS IS A STRIPPED VERSION OF THE ORIGINAL LIBRARY! 6 | */ 7 | /* Modernizr 2.5.3 (Custom Build) | MIT & BSD 8 | * Build: http://www.modernizr.com/download/#-csstransforms3d-prefixed-teststyles-testprop-testallprops-prefixes-domprefixes 9 | */ 10 | /*! 11 | * jQuery hashchange event - v1.3 - 7/21/2010 12 | * http://benalman.com/projects/jquery-hashchange-plugin/ 13 | * 14 | * Copyright (c) 2010 "Cowboy" Ben Alman 15 | * Dual licensed under the MIT and GPL licenses. 16 | * http://benalman.com/about/license/ 17 | */ 18 | /* 19 | * @name wowBook 20 | * 21 | * @author Marcio Aguiar 22 | * @version 1.0 23 | * @requires jQuery v1.7.0 24 | * 25 | * Copyright 2010 Marcio Aguiar. All rights reserved. 26 | * 27 | * To use this file you must to buy a license at http://codecanyon.net/user/maguiar01/portfolio 28 | * 29 | * Date: Wed Dec 8 10:05:49 2010 -0200 30 | */ 31 | (function(d){if(!d.browser){var l;l=navigator.userAgent||"";d.uaMatch=function(d){d=d.toLowerCase();d=/(chrome)[ \/]([\w.]+)/.exec(d)||/(webkit)[ \/]([\w.]+)/.exec(d)||/(opera)(?:.*version)?[ \/]([\w.]+)/.exec(d)||/(msie) ([\w.]+)/.exec(d)||0>d.indexOf("compatible")&&/(mozilla)(?:.*? rv:([\w.]+))?/.exec(d)||[];return{browser:d[1]||"",version:d[2]||"0"}};l=d.uaMatch(l);d.browser={};l.browser&&(d.browser[l.browser]=!0,d.browser.version=l.version);d.browser.webkit&&(d.browser.safari=!0)}})(jQuery); 32 | jQuery.easing.jswing=jQuery.easing.swing;jQuery.extend(jQuery.easing,{easeOutCubic:function(d,l,u,w,p){return w*((l=l/p-1)*l*l+1)+u},easeOutExpo:function(d,l,u,w,p){return l==p?u+w:w*(-Math.pow(2,-10*l/p)+1)+u}}); 33 | window.Modernizr=function(d,l,u){function w(a,b){for(var c in a)if(z[a[c]]!==u)return"pfx"==b?a[c]:!0;return!1}function p(a,b,c){var e=a.charAt(0).toUpperCase()+a.substr(1),f=(a+" "+A.join(e+" ")+e).split(" ");if("string"===typeof b||"undefined"===typeof b)b=w(f,b);else a:{f=(a+" "+B.join(e+" ")+e).split(" "),a=f;for(var d in a)if(e=b[a[d]],e!==u){b=!1===c?a[d]:"function"===typeof e?e.bind(c||b):e;break a}b=!1}return b}var g={},s=l.documentElement,n=l.createElement("modernizr"),z=n.style;d=" -webkit- -moz- -o- -ms- ".split(" "); 34 | var A=["Webkit","Moz","O","ms"],B=["webkit","moz","o","ms"],n={},a=[],c=a.slice,b,e=function(a,b,c,e){var f,d,k,h=l.createElement("div"),p=l.body,g=p?p:l.createElement("body");if(parseInt(c,10))for(;c--;)k=l.createElement("div"),k.id=e?e[c]:"modernizr"+(c+1),h.appendChild(k);return f=["­"].join(""),h.id="modernizr",(p?h:g).innerHTML+=f,g.appendChild(h),p||(g.style.background="",s.appendChild(g)),d=b(h,a),p?h.parentNode.removeChild(h):g.parentNode.removeChild(g),!!d},f={}.hasOwnProperty, 35 | k;"undefined"===typeof f||"undefined"===typeof f.call?k=function(a,b){return b in a&&"undefined"===typeof a.constructor.prototype[b]}:k=function(a,b){return f.call(a,b)};Function.prototype.bind||(Function.prototype.bind=function(a){var b=this;if("function"!=typeof b)throw new TypeError;var e=c.call(arguments,1),f=function(){if(this instanceof f){var d=function(){};d.prototype=b.prototype;var d=new d,k=b.apply(d,e.concat(c.call(arguments)));return Object(k)===k?k:d}return b.apply(a,e.concat(c.call(arguments)))}; 36 | return f});(function(a,b){var c=a.join(""),f=b.length;e(c,function(a,b){for(var c=a.childNodes,e={};f--;)e[c[f].id]=c[f];g.csstransforms3d=9===(e.csstransforms3d&&e.csstransforms3d.offsetLeft)&&3===e.csstransforms3d.offsetHeight},f,b)})([,["@media (",d.join("transform-3d),("),"modernizr){#csstransforms3d{left:9px;position:absolute;height:3px;}}"].join("")],[,"csstransforms3d"]);n.csstransforms3d=function(){var a=!!p("perspective");return a&&"webkitPerspective"in s.style&&(a=g.csstransforms3d),a}; 37 | for(var h in n)k(n,h)&&(b=h.toLowerCase(),g[b]=n[h](),a.push((g[b]?"":"no-")+b));z.cssText="";return n=null,g._version="2.5.3",g._prefixes=d,g._domPrefixes=B,g._cssomPrefixes=A,g.testProp=function(a){return w([a])},g.testAllProps=p,g.testStyles=e,g.prefixed=function(a,b,c){return b?p(a,b,c):p(a,"pfx")},g}(this,this.document); 38 | (function(d,l,u){function w(d){d=d||location.href;return"#"+d.replace(/^[^#]*#?(.*)$/,"$1")}"$:nomunge";var p="hashchange",g=document,s,n=d.event.special,z=g.documentMode,A="on"+p in l&&(z===u||7').hide().one("load",function(){c||f(w());n()}).attr("src",c||"javascript:0").insertAfter("body")[0].contentWindow,g.onpropertychange=function(){try{"title"===event.propertyName&&(b.document.title=g.title)}catch(a){}})}; 40 | a.stop=e;k=function(){return w(b.location.href)};f=function(a,c){var e=b.document,f=d.fn[p].domain;a!==c&&(e.title=g.title,e.open(),f&&e.write('