https://benandjerry.org.uk/js/testimonials/google_carousel.js

1  document.addEventListener('DOMContentLoaded', function() {
2
3    var swiper = new Swiper('.swiper', {
4      slidesPerView: 1,
5      spaceBetween: 16,
6      loop: true,
7      speed: 600,
8      autoplay: {
9        delay: 3000,
10        disableOnInteraction: false // continue autoplay after user control
11      },
12      navigation: {
13        nextEl: '.swiper-button-next',
14        prevEl: '.swiper-button-prev'
15      },
16      pagination: {
17        el: '.swiper-pagination',
18        clickable: true,
19        dynamicBullets: true
20      },
21      keyboard: {
22        enabled: true,
23        onlyInViewport: true
24      },
25      breakpoints: {
26        991: { slidesPerView: 3 },
27        768: { slidesPerView: 2 }
28      },
29      lazy: {
30        loadPrevNext: true,
31      },
32    });
33
34
35    function getRandomColor() {
36      var letters = '0123456789ABCDEF';
37      var color = '#';
38      for (var i = 0; i < 6; i++) {
39        color += letters[Math.floor(Math.random() * 16)];
40      }
41      return color;
42    }
43
44    document.querySelectorAll('.avatar').forEach(function(avatar) {
45      avatar.style.backgroundColor = getRandomColor();
46    });
47
48
49  });