Bug Fix: Start loading images after the slider is scrolled.

dist/js/splide-renderer.min.js

@@ -1,6 +1,6 @@
 /*!
  * Splide.js
- * Version  : 3.5.7
+ * Version  : 3.5.8
  * License  : MIT
  * Copyright: 2021 Naotoshi Fujita
  */

dist/js/splide.cjs.js

@@ -1,6 +1,6 @@
 /*!
  * Splide.js
- * Version  : 3.5.7
+ * Version  : 3.5.8
  * License  : MIT
  * Copyright: 2021 Naotoshi Fujita
  */
@@ -1982,7 +1982,7 @@ function LazyLoad(Splide2, Components2, options) {
       init();
       on(EVENT_REFRESH, refresh);
       if (!isSequential) {
-        on([EVENT_MOUNTED, EVENT_REFRESH, EVENT_MOVED], observe);
+        on([EVENT_MOUNTED, EVENT_REFRESH, EVENT_MOVED, EVENT_SCROLLED], observe);
       }
     }
   }

dist/js/splide.esm.js

@@ -1,6 +1,6 @@
 /*!
  * Splide.js
- * Version  : 3.5.7
+ * Version  : 3.5.8
  * License  : MIT
  * Copyright: 2021 Naotoshi Fujita
  */
@@ -1978,7 +1978,7 @@ function LazyLoad(Splide2, Components2, options) {
       init();
       on(EVENT_REFRESH, refresh);
       if (!isSequential) {
-        on([EVENT_MOUNTED, EVENT_REFRESH, EVENT_MOVED], observe);
+        on([EVENT_MOUNTED, EVENT_REFRESH, EVENT_MOVED, EVENT_SCROLLED], observe);
       }
     }
   }

dist/js/splide.js

@@ -4,7 +4,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 
 /*!
  * Splide.js
- * Version  : 3.5.7
+ * Version  : 3.5.8
  * License  : MIT
  * Copyright: 2021 Naotoshi Fujita
  */
@@ -2398,7 +2398,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
         on(EVENT_REFRESH, refresh);
 
         if (!isSequential) {
-          on([EVENT_MOUNTED, EVENT_REFRESH, EVENT_MOVED], observe);
+          on([EVENT_MOUNTED, EVENT_REFRESH, EVENT_MOVED, EVENT_SCROLLED], observe);
         }
       }
     }

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@splidejs/splide",
-  "version": "3.5.7",
+  "version": "3.5.8",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@splidejs/splide",
-  "version": "3.5.7",
+  "version": "3.5.8",
   "description": "Splide is a lightweight, flexible and accessible slider/carousel. No dependencies, no Lighthouse errors.",
   "author": "Naotoshi Fujita",
   "license": "MIT",

src/js/components/LazyLoad/LazyLoad.ts

@@ -5,7 +5,7 @@ import {
   EVENT_MOUNTED,
   EVENT_MOVED,
   EVENT_REFRESH,
-  EVENT_RESIZE,
+  EVENT_RESIZE, EVENT_SCROLLED,
 } from '../../constants/events';
 import { EventInterface } from '../../constructors';
 import { Splide } from '../../core/Splide/Splide';
@@ -80,7 +80,7 @@ export function LazyLoad( Splide: Splide, Components: Components, options: Optio
       on( EVENT_REFRESH, refresh );
 
       if ( ! isSequential ) {
-        on( [ EVENT_MOUNTED, EVENT_REFRESH, EVENT_MOVED ], observe );
+        on( [ EVENT_MOUNTED, EVENT_REFRESH, EVENT_MOVED, EVENT_SCROLLED ], observe );
       }
     }
   }