http://pom.go.id/assets/js/custom3.js

1const swiper = new Swiper('.swiperKlarifikasi', {
2  // Optional parameters
3  direction: 'horizontal',
4  autoplay : true,
5  loop: false,
6  slidesPerView: 4,
7  spaceBetween: 10,
8  
9  breakpoints: {
10    // when window width is >= 320px
11    100: {
12      slidesPerView: 1,
13      spaceBetween: 0
14    },
15    // when window width is >= 768px
16    768: {
17      slidesPerView: 3,
18      spaceBetween: 10
19    },
20    // when window width is >= 1170px
21    1170: {
22      slidesPerView: 4,
23      spaceBetween: 10
24    }
25  },
26
27  // And if we need scrollbar
28  scrollbar: {
29    el: '.swiper-scrollbar',
30  },
31});
32
33const swiperLatest = new Swiper('.swiperLatest', {
34  // Optional parameters
35  direction: 'horizontal',
36  autoplay : true,
37  reverseDirection : true,
38  loop: false,
39  slidesPerView: 3,
40  spaceBetween: 15,
41  
42  
43  breakpoints: {
44    // when window width is >= 320px
45    100: {
46      slidesPerView: 1,
47      spaceBetween: 0
48    },
49    // when window width is >= 768px
50    768: {
51      slidesPerView: 2,
52      spaceBetween: 15
53    },
54    // when window width is >= 1170px
55    1170: {
56      slidesPerView: 3,
57      spaceBetween: 15
58    }
59  },  
60
61  // And if we need scrollbar
62  scrollbar: {
63    el: '.swiper-scrollbar',
64  },
65});
66
67const swiperSiaran = new Swiper('.swiperSiaran', {
68  // Optional parameters
69  direction: 'horizontal',
70  autoplay : true,
71  reverseDirection : true,
72  loop: false,
73  slidesPerView: 2,
74  spaceBetween: 15,
75  
76  
77  breakpoints: {
78    // when window width is >= 320px
79    100: {
80      slidesPerView: 1,
81      spaceBetween: 0
82    },
83    // when window width is >= 768px
84    768: {
85      slidesPerView: 2,
86      spaceBetween: 15
87    },
88    // when window width is >= 1170px
89    1170: {
90      slidesPerView: 2,
91      spaceBetween: 15
92    }
93  },  
94
95  // And if we need scrollbar
96  scrollbar: {
97    el: '.swiper-scrollbar',
98  },
99});
100
101const swiperHot = new Swiper('.swiperHot', {
102  // Optional parameters
103  direction: 'horizontal',
104  autoplay : true,
105  reverseDirection : true,
106  loop: false,
107  slidesPerView: 3,
108  spaceBetween: 15,
109  
110  
111  breakpoints: {
112    // when window width is >= 320px
113    100: {
114      slidesPerView: 1,
115      spaceBetween: 0
116    },
117    // when window width is >= 768px
118    768: {
119      slidesPerView: 2,
120      spaceBetween: 15
121    },
122    // when window width is >= 1170px
123    1170: {
124      slidesPerView: 3,
125      spaceBetween: 15
126    }
127  },  
128
129  // And if we need scrollbar
130  scrollbar: {
131    el: '.swiper-scrollbar',
132  },
133});
134
135const swiperSingle = new Swiper('.swiperSingle', {
136  // Optional parameters
137  direction: 'horizontal',
138  autoplay : true,
139  reverseDirection : true,
140  loop: false,
141  slidesPerView: 1,
142  spaceBetween: 0,
143  navigation: {
144    nextEl: ".swiper-button-next",
145    prevEl: ".swiper-button-prev",
146  },
147  pagination: {
148    el: ".swiper-pagination",
149  },
150});
151
152$( document ).ready(function() {
153  
154  
155  $(window).scroll(function() {    
156      var scroll = $(window).scrollTop();
157
158      if (scroll >= 250) {
159          $(".site-header").addClass("scroll slide-bottom shadow");
160          $(".logo").removeClass("shadow-sm");
161      } else {
162          $(".site-header").removeClass("scroll slide-bottom shadow");
163          $(".logo").addClass("shadow-sm");
164      }
165  });
166
167
168  $('#ts').click(function(){
169    $('#barPencarian').slideToggle('fast');
170    $('#sShow').toggleClass('d-none');
171    $('#sClose').toggleClass('d-inline');
172  });
173  
174  
175  setTimeout(
176    function() 
177    {
178      $('#filterVisitor').addClass('active');
179    }, 2500);
180
181  $('#visitCloseb').click(function(){
182    $('#filterVisitor').removeClass('active');
183  });
184
185  $('label[for=rating1]').hover(function(){
186      $('label[for=rating1] i').toggleClass('bi-star');
187      $('label[for=rating1] i').toggleClass('bi-star-fill');
188  });
189  $('label[for=rating2]').hover(function(){
190      $('label[for=rating1] i').toggleClass('bi-star');
191      $('label[for=rating1] i').toggleClass('bi-star-fill');
192      $('label[for=rating2] i').toggleClass('bi-star');
193      $('label[for=rating2] i').toggleClass('bi-star-fill');
194  });
195  $('label[for=rating3]').hover(function(){
196      $('label[for=rating1] i').toggleClass('bi-star');
197      $('label[for=rating1] i').toggleClass('bi-star-fill');
198      $('label[for=rating2] i').toggleClass('bi-star');
199      $('label[for=rating2] i').toggleClass('bi-star-fill');
200      $('label[for=rating3] i').toggleClass('bi-star');
201      $('label[for=rating3] i').toggleClass('bi-star-fill');
202  });
203  $('label[for=rating4]').hover(function(){
204      $('label[for=rating1] i').toggleClass('bi-star');
205      $('label[for=rating1] i').toggleClass('bi-star-fill');
206      $('label[for=rating2] i').toggleClass('bi-star');
207      $('label[for=rating2] i').toggleClass('bi-star-fill');
208      $('label[for=rating3] i').toggleClass('bi-star');
209      $('label[for=rating3] i').toggleClass('bi-star-fill');
210      $('label[for=rating4] i').toggleClass('bi-star');
211      $('label[for=rating4] i').toggleClass('bi-star-fill');
212  });
213  $('label[for=rating5]').hover(function(){
214      $('label[for=rating1] i').toggleClass('bi-star');
215      $('label[for=rating1] i').toggleClass('bi-star-fill');
216      $('label[for=rating2] i').toggleClass('bi-star');
217      $('label[for=rating2] i').toggleClass('bi-star-fill');
218      $('label[for=rating3] i').toggleClass('bi-star');
219      $('label[for=rating3] i').toggleClass('bi-star-fill');
220      $('label[for=rating4] i').toggleClass('bi-star');
221      $('label[for=rating4] i').toggleClass('bi-star-fill');
222      $('label[for=rating5] i').toggleClass('bi-star');
223      $('label[for=rating5] i').toggleClass('bi-star-fill');
224  });
225
226  $('#ratingWeb').change(function(){
227    $(this).submit();
228  });
229
230  const swiperMajalah = new Swiper('.swiperMajalah', {
231    // Optional parameters
232    direction: 'horizontal',
233    autoplay : false,
234    loop: false,
235    slidesPerView: 4,
236    spaceBetween: 11,
237    
238    breakpoints: {
239      // when window width is >= 320px
240      100: {
241        slidesPerView: 1,
242        spaceBetween: 0
243      },
244      // when window width is >= 768px
245      768: {
246        slidesPerView: 3,
247        spaceBetween: 10
248      },
249      // when window width is >= 1170px
250      1170: {
251        slidesPerView: 4,
252        spaceBetween: 12
253      }
254    },
255  
256    // And if we need scrollbar
257    scrollbar: {
258      el: '.swiper-scrollbar',
259    },
260  });
261
262  const swiperMajalahNew = new Swiper('.swiperMajalahNew', {
263    // Optional parameters
264    direction: 'horizontal',
265    autoplay : false,
266    loop: false,
267    slidesPerView: 4,
268    spaceBetween: 30,
269    
270    breakpoints: {
271      // when window width is >= 320px
272      100: {
273        slidesPerView: 1,
274        spaceBetween: 0
275      },
276      // when window width is >= 768px
277      768: {
278        slidesPerView: 3,
279        spaceBetween: 10
280      },
281      // when window width is >= 1170px
282      1170: {
283        slidesPerView: 4,
284        spaceBetween: 30
285      }
286    },
287  
288    // And if we need scrollbar
289    scrollbar: {
290      el: '.swiper-scrollbar',
291    },
292
293    navigation: {
294      nextEl: '.swiper-button-next.magarrow',
295      prevEl: '.swiper-button-prev.magarrow',
296    },
297
298  });
299
300  const swiperInfo = new Swiper('.swiperInfo', {
301    // Optional parameters
302    direction: 'horizontal',
303    autoplay : false,
304    loop: false,
305    slidesPerView: 4,
306    spaceBetween: 14,
307    
308    breakpoints: {
309      // when window width is >= 320px
310      100: {
311        slidesPerView: 1,
312        spaceBetween: 15
313      },
314      // when window width is >= 768px
315      768: {
316        slidesPerView: 3,
317        spaceBetween: 20
318      },
319      // when window width is >= 1170px
320      1170: {
321        slidesPerView: 4,
322        spaceBetween: 14
323      }
324    },
325  
326    // And if we need scrollbar
327    // scrollbar: {
328    //   el: '.swiper-scrollbar',
329    // },
330    navigation: {
331      nextEl: '.swiper-button-next.infoarrow',
332      prevEl: '.swiper-button-prev.infoarrow',
333    },
334  });
335  
336  const swiperPodcast = new Swiper('.swiperPodcast', {
337    // Optional parameters
338    direction: 'horizontal',
339    autoplay : false,
340    loop: false,
341    slidesPerView: 4,
342    spaceBetween: 11,
343    
344    breakpoints: {
345      // when window width is >= 320px
346      100: {
347        slidesPerView: 1,
348        spaceBetween: 15
349      },
350      // when window width is >= 768px
351      768: {
352        slidesPerView: 3,
353        spaceBetween: 20
354      },
355      // when window width is >= 1170px
356      1170: {
357        slidesPerView: 4,
358        spaceBetween: 12
359      }
360    },
361  
362    // And if we need scrollbar
363    scrollbar: {
364      el: '.swiper-scrollbar',
365    },
366
367    navigation: {
368      nextEl: '.swiper-button-next.podarrow',
369      prevEl: '.swiper-button-prev.podarrow',
370    },
371
372  });
373  
374  const swiperReels = new Swiper('.swiperReels', {
375    // Optional parameters
376    direction: 'horizontal',
377    autoplay : false,
378    loop: false,
379    slidesPerView: 4,
380    spaceBetween: 11,
381    
382    breakpoints: {
383      // when window width is >= 320px
384      100: {
385        slidesPerView: 1,
386        spaceBetween: 15
387      },
388      // when window width is >= 768px
389      768: {
390        slidesPerView: 3,
391        spaceBetween: 20
392      },
393      // when window width is >= 1170px
394      1170: {
395        slidesPerView: 4,
396        spaceBetween: 12
397      }
398    },
399  
400    // And if we need scrollbar
401    scrollbar: {
402      el: '.swiper-scrollbar',
403    },
404
405    navigation: {
406      nextEl: '.swiper-button-next.reelarrow',
407      prevEl: '.swiper-button-prev.reelarrow',
408    },
409
410  });
411  
412  const swiperDok = new Swiper('.swiperDok', {
413    // Optional parameters
414    direction: 'horizontal',
415    autoplay : false,
416    loop: false,
417    slidesPerView: 4,
418    spaceBetween: 11,
419    
420    breakpoints: {
421      // when window width is >= 320px
422      100: {
423        slidesPerView: 1,
424        spaceBetween: 15
425      },
426      // when window width is >= 768px
427      768: {
428        slidesPerView: 3,
429        spaceBetween: 20
430      },
431      // when window width is >= 1170px
432      1170: {
433        slidesPerView: 4,
434        spaceBetween: 12
435      }
436    },
437  
438    // And if we need scrollbar
439    scrollbar: {
440      el: '.swiper-scrollbar',
441    },
442
443    navigation: {
444      nextEl: '.swiper-button-next.dokarrow',
445      prevEl: '.swiper-button-prev.dokarrow',
446    },
447
448  });
449
450});