Added triggers for the beforeLoad and load events.

README.md

@@ -83,6 +83,14 @@ The Image Gallery follows the guideline of the Bootstrap JavaScript collection.
 
 More Options are documented at the start of the Image Gallery source file.
 
+### Events
+In addition to the modal events provided by [Bootstrap Modal](http://twitter.github.com/bootstrap/javascript.html#modals), the Image Gallery provides two additional events:
+
+* **beforeLoad**:  
+Triggered when the next (or previous) image in the gallery is about to be loaded.
+* **load**:  
+Triggered when the next (or previous) image in the gallery has been loaded.
+
 ### Fullscreen mode
 Fullscreen mode is enabled by adding the CSS class "modal-fullscreen" to the modal element:
 

js/bootstrap-image-gallery.js

@@ -1,5 +1,5 @@
 /*
- * Bootstrap Image Gallery 2.4
+ * Bootstrap Image Gallery 2.5
  * https://github.com/blueimp/Bootstrap-Image-Gallery
  *
  * Copyright 2011, Sebastian Tschan
@@ -124,6 +124,7 @@
                 modal = this.$element,
                 index = this.options.index,
                 oldImg;
+            modal.trigger('beforeLoad');
             this.abortLoad();
             this.stopSlideShow();
             // The timeout prevents displaying a loading status,
@@ -141,8 +142,10 @@
             this.loadingImage = loadImage(
                 this.urls[index],
                 function (img) {
+                    $this.img = img;
                     window.clearTimeout($this._loadingTimeout);
                     modal.removeClass('modal-loading');
+                    modal.trigger('load');
                     $this.showImage(img);
                     $this.startSlideShow();
                 },