https://www.regiedesbatiments.be/themes/custom/regie_batiments/js/behaviors/client-slider.js?tluj98

1/**
2 * @file
3 * Client Slick slider.
4 */
5
6(function ($, Drupal) {
7  /**
8   * Slick slider.
9   *
10   * @type {Drupal~behavior}
11   */
12  Drupal.behaviors.clientSlider = {
13    attach: function (context) {
14
15      var clientSlider = $('.js-view-name-clients .slick__slides').slick({
16        dots: true,
17        arrows: false,
18        slidesPerRow: 6,
19        rows: 2,
20        infinite: true,
21        responsive: [
22          {
23            breakpoint: 768,
24            settings: {
25              slidesPerRow: 3,
26              rows: 2,
27            }
28          },
29          {
30            breakpoint: 576,
31            settings: {
32              slidesPerRow: 2,
33              rows: 2,
34            }
35          }
36        ]
37      });
38
39      clientSlider.slick("slickPlay");
40
41      $('.view--name-clients .slick__pause').click( function() {
42        if ($(this).hasClass('slick__pause--active')){
43          clientSlider.slick('slickPause')
44          $(this).removeClass('slick__pause--active')
45          $(this).html('pause')
46        } else {
47          clientSlider.slick('slickPlay')
48          $(this).addClass('slick__pause--active')
49          $(this).html('play')
50        }
51      });
52    }
53  };
54})(jQuery, Drupal);