PageSourceSearch

https://queenslibrary.org/modules/custom/qbpl_list/js/qbpl_list_slick_func.js?tl8z8n

js queenslibrary.org collected 2026-09-24 08:47:35 UTC 10,437 bytes, 351 lines download raw bytes

1/* if needed to make Carousels appear after js loads
2$( document ).ready(function() {
3    $(".ql-list-default-slider-main-wrapper").show();
4    $(".tc-slider-main-wrapper").show();
5    $(".cm-slider-main-wrapper").show();
6    $(".homepage-carousel-main-wrapper").show();
7});
8*/
9
10(function ($) { 
11    //for slideshow
12  $('.ql-list-default-slider').slick({
13      infinite: true,
14      speed: 300,
15      slidesToShow: 4,
16      slidesToScroll: 1,
17      //autoplay: true,
18      //autoplaySpeed: 2000,
19      variableWidth: true,
20      edgeFriction: 0,
21      swipeToSlide: true,
22      responsive: [
23      {
24        breakpoint: 1210,
25        settings: {
26          variableWidth: true,
27          draggable: true,
28          slidesToShow: 2,
29          arrows: false,
30        }
31      },
32      {
33        breakpoint: 480,
34        settings: {
35          variableWidth: true,
36          draggable: true,
37          slidesToShow: 1,
38          arrows: false,
39        }
40      }
41    ]
42  });
43
44  $('#block-locationdetaileventcarousel .ql-list-default-slider').slick('unslick');
45  $('#block-locationdetaileventcarousel .ql-list-default-slider').slick({
46      infinite: true,
47      speed: 300,
48      slidesToShow: 3,
49      slidesToScroll: 1,
50      //autoplay: true,
51      //autoplaySpeed: 2000,
52      variableWidth: true,
53      edgeFriction: 0,
54      swipeToSlide: true,
55      responsive: [
56      {
57        breakpoint: 1210,
58        settings: {
59          variableWidth: true,
60          draggable: true,
61          slidesToShow: 2,
62          arrows: false,
63        }
64      },
65      {
66        breakpoint: 480,
67        settings: {
68          variableWidth: true,
69          draggable: true,
70          slidesToShow: 1,
71          arrows: false,
72        }
73      }
74    ]
75  });
76  
77  $('.path-books-movies-more .ql-list-default-slider').slick('unslick');
78  $('.path-books-movies-more .ql-list-default-slider').slick({
79      infinite: true,
80      speed: 300,
81      slidesToShow: 2,
82      slidesToScroll: 1,
83      //autoplay: true,
84      //autoplaySpeed: 2000,
85      variableWidth: true,
86      edgeFriction: 0,
87      swipeToSlide: true,
88      responsive: [
89      {
90        breakpoint: 1210,
91        settings: {
92          variableWidth: true,
93          draggable: true,
94          slidesToShow: 2,
95          arrows: false,
96        }
97      },
98      {
99        breakpoint: 480,
100        settings: {
101          variableWidth: true,
102          draggable: true,
103          slidesToShow: 1,
104          arrows: false,
105        }
106      }
107    ]
108  });
109
110  $('.path-books-movies-more #block-newnoteworthycarousel .ql-list-default-slider').slick('unslick');
111  $('.path-books-movies-more #block-newnoteworthycarousel .ql-list-default-slider').slick({
112      infinite: true,
113      speed: 300,
114      slidesToShow: 4,
115      slidesToScroll: 1,
116      //autoplay: true,
117      //autoplaySpeed: 2000,
118      variableWidth: true,
119      edgeFriction: 0,
120      swipeToSlide: true,
121      responsive: [
122      {
123        breakpoint: 1210,
124        settings: {
125          variableWidth: true,
126          draggable: true,
127          slidesToShow: 2,
128          arrows: false,
129        }
130      },
131      {
132        breakpoint: 480,
133        settings: {
134          variableWidth: true,
135          draggable: true,
136          slidesToShow: 1,
137          arrows: false,
138        }
139      }
140    ]
141  });
142
143  //Center Mode Slideshow
144  $('.ql-list-centermode-slider').slick({
145      variableWidth: true,
146      centerMode: true,
147      centerPadding: '60px',
148      slidesToShow: 3,
149      slidesToScroll: 1,
150      //autoplay: true,
151      //autoplaySpeed: 2000,
152      variableWidth: true,
153      responsive: [
154        {
155          breakpoint: 768,
156          settings: {
157            centerMode: true,
158            centerPadding: '40px',
159            slidesToShow: 3,
160            slidesToScroll: 1,
161          }
162        },
163        {
164          breakpoint: 480,
165          settings: {
166            centerMode: true,
167            centerPadding: '40px',
168            slidesToShow: 3,
169            slidesToScroll: 1,
170          }
171        }
172      ]
173  });
174
175  //Tabbed Slider
176  $('.ql-list-tabbed-slider').slick({
177        infinite: true,
178        speed: 300,
179        slidesToShow: 3,
180        slidesToScroll: 1,
181        //autoplay: true,
182        //autoplaySpeed: 2000,
183        variableWidth: true,
184        edgeFriction: 0,
185        swipeToSlide: true,
186        responsive: [
187        {
188          breakpoint: 1210,
189          settings: {
190            variableWidth: true,
191            draggable: true,
192            slidesToShow: 2,
193            arrows: false,
194          }
195        }
196      ]
197  });
198
199  // Fix: ensures tabbed Slick carousel moves one card at a time after tab switch
200  $('.tc-tab-item a').on('click', function () {
201    // Get the tab content ID from the link's href attribute
202    const $target = $($(this).attr('href'));
203    // Only proceed if the target is a tabbed Slick slider
204    if ($target.hasClass('ql-list-tabbed-slider') && $target.hasClass('slick-initialized')) {
205      // Wait a moment to let the tab content become visible,
206      // then recalculate Slick's layout to fix display issues
207      setTimeout(() => {
208        $target.slick('setPosition');
209      }, 100);
210    }
211  });
212
213
214  //Homepage Slideshow
215  $('.homepage-carousel-header-slider').slick({
216    infinite: true,
217    slidesToShow: 1,
218    speed: 1500,
219    slidesToScroll: 1,
220    arrows: false,
221    fade: false,
222    asNavFor: '.homepage-carousel-thumbnail-slider',
223    draggable: false,
224  });
225
226  $('.homepage-carousel-thumbnail-slider').slick({
227    infinite: true,
228    slidesToShow: 6,
229    speed: 1500,
230    asNavFor: '.homepage-carousel-header-slider',
231    dots: false,
232    centerMode: false,
233    focusOnSelect: false,
234    arrows:true,
235    draggable: false,
236    variableWidth: true,
237    autoplay: false,
238    autoplaySpeed: 6000,
239    responsive: [
240      {
241        breakpoint: 1210,
242        settings: {
243          variableWidth: true,
244          draggable: true,
245          slidesToShow: 3,
246          arrows: false,
247          centerMode: true,
248          centerPadding: '40px',
249          autoplay: false,
250          autoplaySpeed: 6000,
251        }
252      }
253    ]
254  });
255
256  // //TOGGLE for Autoplay on Hero Carousel
257  // $('#homepage_carousel_button_play').on('click', function () {
258  //   if($('#hero-carousel-toggle').is(':checked')){
259  //     $("#hero-carousel-toggle").prop("checked", false);
260  //     $('.homepage-carousel-thumbnail-slider').slick('slickPlay');
261  //     $('#homepage_carousel_button_play > i').attr('class', "glyphicon glyphicon-pause"); 
262  //     $('#playpause_text').html(" Pause"); 
263  //   }else{
264  //     $("#hero-carousel-toggle").prop("checked", true);
265  //     $('.homepage-carousel-thumbnail-slider').slick('slickPause');
266  //     $('#homepage_carousel_button_play > i').attr('class', "glyphicon glyphicon-play"); 
267  //     $('#playpause_text').html(" Play"); 
268  //   }
269  // });
270
271  //TOGGLE for Autoplay on Hero Carousel
272  $('#homepage_carousel_button_play').on('click', function () {
273    if($('#hero-carousel-toggle').is(':checked')){
274      $("#hero-carousel-toggle").prop("checked", false);
275      $('.homepage-carousel-thumbnail-slider').slick('slickPause');
276      $('#homepage_carousel_button_play > i').attr('class', "glyphicon glyphicon-play");
277      $('#homepage_carousel_button_play').attr('title', "Play"); 
278      $('#playpause_text').html(" Play"); 
279    }else{
280      $("#hero-carousel-toggle").prop("checked", true);
281      $('.homepage-carousel-thumbnail-slider').slick('slickPlay');
282      $('#homepage_carousel_button_play > i').attr('class', "glyphicon glyphicon-pause");
283      $('#homepage_carousel_button_play').attr('title', "Pause"); 
284      $('#playpause_text').html(" Pause"); 
285    }
286  });
287  
288  // Activate card on click Hero Carousel
289  // $('.hc-thumbnail-card').on("click", function(e){
290  //   if(window.innerWidth>1205 && String(e.target).substr(1,6)=="object") {
291  //     var sindex= $(this).index();
292  //     if(sindex>6){
293  //       sindex = sindex-6;
294  //     }
295  //     else{
296  //       sindex = sindex+6;
297  //     }
298  //     $('.homepage-carousel-thumbnail-slider').slick('slickGoTo',sindex,true);
299  //   }
300  // });
301  
302  $('.hc-thumbnail-card').on("click", function(e){
303    var tot = $('.homepage-carousel-thumbnail-slider .slick-track').children().length-12;
304    if(window.innerWidth>1205 && String(e.target).substr(1,6)=="object") {
305      var sindex= $(this).attr('data-slick-index');
306      if(sindex>=tot){
307        sindex = sindex-tot;
308      }
309      else{
310        //sindex = sindex+6;
311      }
312      $('.homepage-carousel-thumbnail-slider').slick('slickGoTo',sindex,true);
313    }
314  });
315
316
317  //to close QuickView on Prev & Next Slide
318  $('.ql-list-default-slider > .slick-prev , .ql-list-default-slider > .slick-next').click(function() {
319    quickViewClose();
320  });
321
322  //Assigning colors to hero carousel cards
323  
324  // var leftcolors = ["#3a82fb","#009aaa","#364863","#048672","#6560a6","#a3147f","#3a82fb","#009aaa","#364863","#048672","#6560a6","#a3147f"];
325  // var colors = ["#1d68e2","#00a4b5","#2e405a","#009d85","#706bb1","#b41e8e","#1d68e2","#00a4b5","#2e405a","#009d85","#706bb1","#b41e8e"];
326  var leftcolors= ["#422980","#422980","#422980","#422980","#422980","#422980","#422980","#422980","#422980","#422980","#422980","#422980"];
327  var colors = ["#94D65F","#50CEA0","#17CAE6","#4EA8F1","#889BF7","#CC88DB","#FC79C1","#FF747D","#FF7C5C","#FFA14A","#FBBE18","#94D65F"];
328  
329  //Switch site colors to black //
330  //var leftcolors= ["#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000"];
331  //var colors = ["#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000"];
332
333  var totalCards = $('.homepage-carousel-thumbnail-slider .slick-track').children().length-12;
334 
335  var temp= 0;
336  for (var i = 0; i < totalCards; i++) {
337    setColor(i,colors[temp++]);
338  }
339 
340  temp= 0;
341  for (var i = totalCards; i < 24; i++) {
342    setColor(i,colors[(temp++)%12]);
343  }
344 
345  function setColor(index, color){
346    $('.homepage-carousel-thumbnail-slider .slick-track div[data-slick-index="'+index+'"] .hc-thumbnail-title').css("background-color",color);
347    $('.homepage-carousel-thumbnail-slider .slick-track div[data-slick-index="'+index+'"] .hc-thumbnail-mobile-header-quote').css("background-color",color);
348    $('.slick-track div[data-slick-index="'+index+'"] .hc-header-left-card').css("background-color",leftcolors[index]);
349  }
350
351})(jQuery);

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.