wip #1841 @5

diff --git a/_index.html b/_index.html
index 95a449cd4080db531f22edf4e4123536a9678ec4..9c4863acf06f0a76ce424e28f581e63396e4a156 100644 (file)
--- a/_index.html
+++ b/_index.html
@@ -59,7 +59,7 @@
                                                <div class="bottom"></div>
                                        </div>
                                </div>
-                               <div id="pagesnumbers">
+                               <div id="pagesnumbers" class="hidden">
                                        <div class="left"></div>
                                        <div class="right"></div>
                                </div>

diff --git a/js/libs/fluidbook/fluidbook.js b/js/libs/fluidbook/fluidbook.js
index 6d2368c225d17a49a9e77e774ba8233a4a87bbac..696940b8a3174d998244cfdc5037e344d98d57eb 100644 (file)
--- a/js/libs/fluidbook/fluidbook.js
+++ b/js/libs/fluidbook/fluidbook.js
@@ -690,7 +690,7 @@ Fluidbook.prototype = {
         var animationDuration = d <= 1 ? 0 : parseFloat(this.datas.mobileTransitionDuration);
         this.updateShadows(page, animationDuration);
         this.centerBook(turning.center, animationDuration);
-        $("#pagesnumbers").css('opacity', 0);
+        $("#pagesnumbers").addClass('hidden');
 
         try {
             this.search.clearHighlights();
@@ -744,9 +744,9 @@ Fluidbook.prototype = {
         $(this).trigger('fluidbook.page.change.end', [this.currentPage]);
     },
     setPageNumbers: function () {
-        $("#pagesnumbers").css('opacity', 1);
         $("#pagesnumbers .left").html(this.getPageNumberOfSide('left'));
         $("#pagesnumbers .right").html(this.getPageNumberOfSide('right'));
+        $("#pagesnumbers").removeClass('hidden');
     },
     getPageNumberOfSide: function (side) {
         var p = $("#currentDoublePage").find('.' + side);

diff --git a/style/fluidbook.less b/style/fluidbook.less
index b624243b94c0f5ca9688f4793493113211edca3d..ec87918ed0077cda0f7482d4c2e13c67871f4b71 100644 (file)
--- a/style/fluidbook.less
+++ b/style/fluidbook.less
@@ -642,7 +642,12 @@ body, html {
        color: @page-number-color;
        .hideifnot(@display-page-number);
        transition: opacity 250ms;
-       opacity: 0;
+       opacity: 1;
+
+       .hidden{
+               transition:none;
+               opacity: 0;
+       }
 
        > div {
                width: @book-page-width;