added afterInitialize and afterImageLoad hooks

nicolas-t · Dec 22, 2016 · 3f47963 · 3f47963
1 parent f988407
commit 3f47963
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 10 deletions.
diff --git a/dist/index.html b/dist/index.html
@@ -150,7 +150,16 @@ <h2>
                         {src : 'demo-images/8.jpg', title : 'caption 3'},
                     ],
                     imageSize : 'contain',
-                    container : '#container3'
+                    container : '#container3',
+                    afterMarkup: function () {
+                        console.log('afterMarkup hook is called')
+                    },
+                    afterImageLoad: function () {
+                        console.log('afterImageLoad hook is called')
+                    },
+                    afterInitialize: function () {
+                        console.log('afterInitialize hook is called')
+                    }
                 }).data('chocolat');
 
                 $('.api-open').on('click', function(e) {

diff --git a/dist/js/jquery.chocolat.js b/dist/js/jquery.chocolat.js
@@ -56,6 +56,7 @@
                 this.settings.lastImage   = this.settings.images.length - 1;
                 this.settings.initialized = true;
             }
+            this.settings.afterInitialize.call(this);
 
             return this.load(i);
         },
@@ -99,6 +100,7 @@
                 })
                 .then(function (imgLoader) {
                     that.zoomable();
+                    that.settings.afterImageLoad.call(that);
                 });
 
             var nextIndex = i + 1;
@@ -107,7 +109,6 @@
             }
 
             return deferred;
-
         },
 
         place : function(i, imgLoader) {
@@ -561,7 +562,7 @@
                     return;
                 }
                 that.debounce(50, function() {
-                    fitting = that.fit(that.settings.currentImage, that.elems.wrapper);
+                    var fitting = that.fit(that.settings.currentImage, that.elems.wrapper);
                     that.center(fitting.width, fitting.height, fitting.left, fitting.top, 0);
                     that.zoomable();
                 });
@@ -596,7 +597,7 @@
             this.elems.wrapper.trigger(event);
 
             this.elems.domContainer.addClass('chocolat-zoomed');
-            fitting = this.fit(this.settings.currentImage, this.elems.wrapper);
+            var fitting = this.fit(this.settings.currentImage, this.elems.wrapper);
             return this.center(fitting.width, fitting.height, fitting.left, fitting.top, this.settings.duration);
         },
 
@@ -611,7 +612,7 @@
             this.elems.img.animate({'margin': 0}, duration);
 
             this.elems.domContainer.removeClass('chocolat-zoomed');
-            fitting = this.fit(this.settings.currentImage, this.elems.wrapper);
+            var fitting = this.fit(this.settings.currentImage, this.elems.wrapper);
             return this.center(fitting.width, fitting.height, fitting.left, fitting.top, duration);
         },
 
@@ -706,7 +707,9 @@
         images            : [],
         enableZoom        : true,
         imageSource       : "href",
+        afterInitialize   : function () {},
         afterMarkup       : function () {},
+        afterImageLoad  : function () {},
     };
 
     $.fn.Chocolat = function (options) {