https://www.jhcenterforthearts.org/wp-content/themes/jhcenter/js/p…/resident-slider-script.js?ver=1.0.0

1(function ($) {
2
3  /**
4   * initializeBlock
5   *
6   * Adds custom JavaScript to the block HTML.
7   *
8   * @date    15/4/19
9   * @since   1.0.0
10   *
11   * @param   object $block The block jQuery element.
12   * @param   object attributes The block attributes (only available when editing).
13   * @return  void
14   */
15  var initializeBlock = function ($block) {
16
17    $block.find('.resident_slider').slick({
18      autoplay: true,
19      autoplaySpeed: 7000,
20      dots: false,
21      infinite: true,
22      speed: 1000,
23      cssEase: 'linear',
24      arrows: true,
25      pauseOnHover: false,
26      slidesToShow: 6,
27      slidesToScroll: 6,
28      responsive: [
29        {
30          breakpoint: 768,
31          settings: {
32            slidesToShow: 3,
33            slidesToScroll: 3,
34          }
35        },
36        {
37          breakpoint: 480,
38          settings: {
39            slidesToShow: 2,
40            slidesToScroll: 2,
41          }
42        },
43      ]
44    });
45
46  }
47
48  // Initialize each block on page load (front end).
49  $(document).ready(function () {
50    $('.resident_block').each(function () {
51      initializeBlock($(this));
52    });
53  });
54
55  // Initialize dynamic block preview (editor).
56  if (window.acf) {
57    window.acf.addAction('render_block_preview/type=resident-logo-slider', initializeBlock);
58  }
59
60})(jQuery);