current page indicator

lib/ComicBook.js

@@ -4,15 +4,15 @@
 	TODOs:
 
 	Fo sho:
+		- fix last page loading bug
 		- make control images sprites
 		- disable the strech button if in an auto zoom mode
-		- current page indicator
-		- jump to page?
 		- improve prev/next buttons, only show them when they can possibly work (not at beginning/end)
 		- check for html5 feature support where used: diveintohtml5.org/everything.html or www.modernizr.com
 		- write bin scripts to minify & join all js
 
 	Nice 2 have:
+		- jump to page?
 		- enable menu items via config, allow for custom items
 		- decouple controls from reader api
 		- split out classes into seperate files
@@ -239,6 +239,11 @@ function ComicBook(id, srcs, opts) {
 						options.zoomMode = "fitWidth"
 						ComicBook.prototype.drawPage();
 					})
+			)
+			.append(
+				$(document.createElement("p"))
+					.attr("id", "cb-comic-info")
+					.append("<span id='cb-current-page'></span> / " + srcs.length)
 			),
 
 		/**
@@ -619,6 +624,9 @@ function ComicBook(id, srcs, opts) {
 			ComicBook.prototype.enhance[action](options);
 		});
 
+		var current_page = (options.displayMode === "double") ? (pointer+1) + "-" + (pointer+2) : pointer+1
+		$("#cb-current-page").text(current_page);
+
 		// revert page mode back to double if it was auto switched for a double page spread
 		if (is_double_page_spread) { options.displayMode = "double"; }