try #2329 @0.5

diff --git a/_index.html b/_index.html
index c69c1c427dcb66f5d11e6e078f298f38a96e62d8..1369d2a3987ce4b384322b9df5ae144fa4686ed0 100644 (file)
--- a/_index.html
+++ b/_index.html
@@ -54,9 +54,10 @@
     <div id="interface"></div>
     <div id="helpView"></div>
     <div id="helpViewOverlay"></div>
-    <div id="flip3dcontainer"></div>
+
     <div id="z" class="nozoom">
         <div id="center-fluidbook">
+            <div id="flip3dcontainer"></div>
             <div id="fluidbook">
                 <div id="edges">
                     <div class="edge left">

diff --git a/js/libs/fluidbook/fluidbook.pagetransitions.js b/js/libs/fluidbook/fluidbook.pagetransitions.js
index 7fcc85480d0494d8e9eb7e7b2c45653ca73ce504..28f5fba9b7042de22cea70519774eb093ce05644 100644 (file)
--- a/js/libs/fluidbook/fluidbook.pagetransitions.js
+++ b/js/libs/fluidbook/fluidbook.pagetransitions.js
@@ -190,12 +190,12 @@ FluidbookPageTransition.prototype = {
     },
 
     centerBookEnabled: function () {
-        return !!this.fluidbook.datas.centerBook && !this.fluidbook.displayOnePage && $('.tabslink').length === 0;
+        return  !!this.fluidbook.datas.centerBook && !this.fluidbook.displayOnePage && $('.tabslink').length === 0;
     },
 
     centerBook: function (center, animationDuration) {
         var animate = animationDuration != undefined && animationDuration > 0;
-        var move = $("#center-fluidbook,#center-shadow,#flip3dcontainer");
+        var move = $("#center-fluidbook,#center-shadow");
         var currentLeft = $("#center-fluidbook").data('left');
         var left = 0;
         if (center == undefined) {

diff --git a/style/fluidbook.less b/style/fluidbook.less
index 6402a62f85e58fa9f8566e1d8fd1191cff725446..4ef93ef6ab1e250ae0a42b5a7f84b22f2ed46c7a 100644 (file)
--- a/style/fluidbook.less
+++ b/style/fluidbook.less
@@ -618,7 +618,7 @@ body, html {
 @import "slider";
 
 /* Center */
-#center-fluidbook, #center-shadow, #flip3dcontainer {
+#center-fluidbook, #center-shadow {
        position: absolute;
        top: 0;
        left: 0;
@@ -2328,6 +2328,11 @@ ul.chapters {
        z-index: 12;
        pointer-events: none;
        display: none;
+       canvas {
+               position: absolute;
+               top: 0;
+               left: 0;
+       }
 }
 
 /* 3D */