diff --git a/README.markdown b/README.markdown index 9bb22e7c6..52649759c 100644 --- 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 index 5fa8f9535..3a39b8d5d 100644 --- 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(); }