Pause Swiper autoplay

Author: franrou

README.md

@@ -32,6 +32,7 @@ By default, the library applies the following optimisations to the scenarios to
 - Avoid asynchronous image decoding
 - Force Drupal.blazy to load all images
 - Pause the Slick slider autoplay
+- Pause the Swiper slider autoplay
 - Force oembed-lazyload videos to not load
 - Wait for fonts to load
 - Wait for the page to load completely

addons/setup.js

@@ -71,6 +71,7 @@ module.exports = async (page, scenario, config) => {
       iframe.loading = 'eager';
     });
 
+    // Avoid Slick carousel autoplay.
     if (typeof $ == 'undefined' && typeof jQuery == 'function') {
       window.$ = jQuery;
     }
@@ -93,6 +94,7 @@ module.exports = async (page, scenario, config) => {
         $(carousel).slick('slickGoTo', 0, true);
       }
     });
+    // Improve text rendering for Slick carousels.
     if (slickCarousels.length > 0) {
       const head = document.head || document.getElementsByTagName('head')[0];
       const style = document.createElement('style');
@@ -103,6 +105,15 @@ module.exports = async (page, scenario, config) => {
       style.appendChild(document.createTextNode(css));
     }
 
+    // Avoid Swiper autoplay.
+    const swiperCarousels = document.querySelectorAll('.swiper-initialized');
+    swiperCarousels.forEach((carousel) => {
+      if (carousel.swiper) {
+        carousel.swiper.autoplay.stop();
+        carousel.swiper.slideTo(0, 0);
+      }
+    });
+
     // Force oembed-lazyload videos to not load when using intersection observer strategy.
     const oembedLazyVideos = document.querySelectorAll('.oembed-lazyload[data-strategy= "intersection-observer"]');
     oembedLazyVideos.forEach((video) => {