From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Tue, 13 Jun 2017 16:25:15 +0000 (+0200)
Subject: #1445
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=e0e6958ebb7c4376a518f55d197ae9fb166acc8c;p=fluidbook-html5.git

#1445
---

diff --git a/images/shadeleft-thumb.png b/images/shadeleft-thumb.png
new file mode 100644
index 00000000..772f4116
Binary files /dev/null and b/images/shadeleft-thumb.png differ
diff --git a/images/shaderight-thumb.png b/images/shaderight-thumb.png
new file mode 100644
index 00000000..5aedbf6b
Binary files /dev/null and b/images/shaderight-thumb.png differ
diff --git a/js/libs/fluidbook/fluidbook.loader.js b/js/libs/fluidbook/fluidbook.loader.js
index a3e9f6d8..a41499cc 100644
--- a/js/libs/fluidbook/fluidbook.loader.js
+++ b/js/libs/fluidbook/fluidbook.loader.js
@@ -265,7 +265,7 @@ FluidbookLoader.prototype = {
         left = (page % 2 == 0);
 
         var h = this.fluidbook.datas.thumbHeight;
-        var s = Math.floor(page / 100);
+        var s = Math.floor((page - 1) / 100);
         var row = Math.floor((page - 1) / 10);
         var col = (page - 1) % 10;
         if (col < 0) {
@@ -285,10 +285,10 @@ FluidbookLoader.prototype = {
                 p = '100%';
                 i = 'left';
             }
-            shadeImage = 'url("images/shade' + i + '-reflet.png"),';
+            shadeImage = 'url("images/shade' + i + '-thumb.png"),';
 
             shadePosition = p + " 0%,";
-            shadeSize = '20px ' + h + 'px,';
+            shadeSize = '50px ' + h + 'px,';
         }
 
         $(div).css({