Added option Index to open the book at a given index

benjaminlong · Dec 7, 2016 · 12801e8 · 12801e8
1 parent ec07dce
commit 12801e8
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 5 deletions.
diff --git a/js/demo/examples.js b/js/demo/examples.js
@@ -2,6 +2,7 @@ var book1 = new Heidelberg($('#Heidelberg-example-1'), {
   previousButton: $('#previous'),
   nextButton: $('#next'),
   hasSpreads: true,
+  index: 6,
   onPageTurn: function(el, els) {
     console.log('Page turned');
   },
@@ -17,7 +18,8 @@ $('#jump').on('click', function() {
 var book2 = new Heidelberg($('#Heidelberg-example-2'), {
   canClose: true,
   arrowKeys: false,
-  concurrentAnimations: 5
+  concurrentAnimations: 5,
+  index: 0,
 });
 
 $('#first').on('click', function() {
@@ -26,4 +28,4 @@ $('#first').on('click', function() {
 
 $('#last').on('click', function() {
   book2.turnPage(14);
-});
+});
diff --git a/js/heidelberg/heidelberg.js b/js/heidelberg/heidelberg.js
@@ -41,6 +41,7 @@
       arrowKeys: true,
       concurrentAnimations: null,
       limitPageTurns: true,
+      index: 0,
       onPageTurn: function() {},
       onSpreadSetup: function() {}
     };
@@ -57,7 +58,6 @@
   }
 
   Heidelberg.prototype.init = function() {
-
     var el      = this.el;
     var els     = {};
     var options = this.options;
@@ -81,10 +81,19 @@
       var coverEl = $('<div />').addClass('Heidelberg-HiddenCover');
       el.prepend(coverEl.clone());
       el.append(coverEl.clone());
-      els.pages.eq(0).add(els.pages.eq(1)).addClass('is-active');
+
+      // if index is odd, we substract one.
+      var index = options.index&1 ? options.index-1: options.index;
+      els.pages.eq(index).add(els.pages.eq(index+1)).addClass('is-active');
     }
     else {
-      els.pages.eq(0).addClass('is-active');
+      if (options.index !== 0) {
+        // if index is odd, we substract one.
+        var index = options.index&1 ? options.index-1: options.index;
+        els.pages.eq(index).add(els.pages.eq(index+1)).addClass('is-active');
+      } else {
+        els.pages.eq(0).addClass('is-active');
+      }
     }
 
     els.previousTrigger = els.pagesLeft.add(options.previousButton);