Updated!

diff --git a/BookReader/BookReader.css b/BookReader/BookReader.css
index 895d2b3..19185fc 100644 (file)
--- a/BookReader/BookReader.css
+++ b/BookReader/BookReader.css
@@ -461,6 +461,25 @@ div#pager {
     background: url(images/slider.png);
     z-index: 103;
 }
+div#pagenum {
+    display: none;
+    position: absolute;
+    left: 24px;
+    top: 4px;
+    color: #999;
+    font-size: 11px;
+    line-height: 19px;
+    font-weight: 700;
+    padding: 0 5px;
+    width: 80px;
+    text-align: right;
+    background-color: #000;
+    font-family: "Lucida Grande", "Arial", sans-serif;
+}
+div#pagenum span {
+    color: #ffa337;
+    font-style: italic;
+}
 div#BRnavline {
     position: relative;
     height: 2px;

diff --git a/BookReader/BookReader.js b/BookReader/BookReader.js
index 6686e30..a735c55 100644 (file)
--- a/BookReader/BookReader.js
+++ b/BookReader/BookReader.js
@@ -3309,6 +3309,12 @@ BookReader.prototype.initNavbar = function() {
     });
     $("#BRslider").draggable({axis:'x',containment:'parent'});
     $("#BRzoombtn").draggable({axis:'y',containment:'parent'});
+    $("#BRslider").hover(
+        function(){
+            $("#pagenum").show();
+        },function(){
+            $("#pagenum").hide();
+        });
 }
 
 BookReader.prototype.initToolbar = function(mode, ui) {

diff --git a/BookReader/newbook.html b/BookReader/newbook.html
index 63a1c96..c247297 100644 (file)
--- a/BookReader/newbook.html
+++ b/BookReader/newbook.html
@@ -36,6 +36,7 @@
             <div id="BRslider">
                 <div id="slider"></div>
                 <div id="pager"></div>
+                <div id="pagenum"><span>n141</span> / 325</div>
             </div>
         </div>       
         <div id="BRnavline">