show an indicator while chapter is loaded by epub.js

1 files changed, 10 insertions, 0 deletions

diff --git a/read.html b/read.html
index f42fa82..0f60695 100644
--- a/read.html
+++ b/read.html
@@ -142,6 +142,7 @@
 </div>
 
 <div class="footer">
+	<div class="notice bg-warning text-warning" style="display : none"></div>
 	<div class="location">
 		Loc: <span id="cur_page">-1</span> / <span id="total_pages">-1</span>
 	</div>
@@ -326,6 +327,15 @@
 			});					
 		})
 
+		book.on("renderer:chapterUnloaded", function() {
+			$(".notice").html("Loading...").show();
+
+		});
+
+		book.on("renderer:chapterDisplayed", function() {
+			$(".notice").hide();
+		});
+
 		book.on("renderer:chapterDisplayed", function() {
 			$("#reader iframe")[0].contentWindow.onmousewheel = function(event) {