[ lazyload error ]

- add error handler to normal lazy load - add readme docu for lazyload error event
kenwheeler · Feb 21, 2016 · c19b516 · c19b516
1 parent 6b0ecd4
commit c19b516
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 3 deletions.
diff --git a/README.markdown b/README.markdown
@@ -182,7 +182,8 @@ init | event, slick | When Slick initializes for the first time callback. Note t
 reInit | event, slick | Every time Slick (re-)initializes callback
 setPosition | event, slick | Every time Slick recalculates position
 swipe | event, slick, direction | Fires after swipe/drag
-lazyLoaded | event, slick, image | Fires after image loads lazily
+lazyLoaded | event, slick, image, imageSource | Fires after image loads lazily
+lazyLoadError | event, slick, image, imageSource | Fires after image fails to load
 
 
 #### Methods

diff --git a/slick/slick.js b/slick/slick.js
@@ -1474,6 +1474,17 @@
 
                 };
 
+                imageToLoad.onerror = function() {
+
+                    image
+                        .removeAttr( 'data-lazy' )
+                        .removeClass( 'slick-loading' )
+                        .addClass( 'slick-lazyload-error' );
+
+                    _.$slider.trigger('lazyLoadError', [ _, image, imageSource ]);
+
+                };
+
                 imageToLoad.src = imageSource;
 
             });
@@ -1667,13 +1678,13 @@
 
                 } else {
 
-                    _.$slider.trigger('lazyLoadError', [ _, image, imageSource ]);
-
                     image
                         .removeAttr( 'data-lazy' )
                         .removeClass( 'slick-loading' )
                         .addClass( 'slick-lazyload-error' );
 
+                    _.$slider.trigger('lazyLoadError', [ _, image, imageSource ]);
+
                     _.progressiveLazyLoad();
 
                 }