GutSlider – All in One Slider and Carousel Blocks for Gutenberg / 3.0.0

GutSlider – All in One Slider and Carousel Blocks for Gutenberg v3.0.0

slider-blocks / build / blocks / post-slider / frontend.js

frontend.js in GutSlider – All in One Slider and Carousel Blocks for Gutenberg 3.0.0, at build/blocks/post-slider/frontend.js

1 lines 677 B

Raw Download Zip

window.addEventListener("DOMContentLoaded",(()=>{const e=document.querySelectorAll(".wp-block-gutsliders-post-slider");e.length>0&&e.forEach((e=>{const t=e.querySelector(".swiper:not(.gutslider-thumbs)"),s=e.dataset.swiperOptions,r=JSON.parse(s),n=e.querySelector(".gutslider-thumbs");let d=null;n&&e.dataset.thumbsOptions&&(d=new Swiper(n,JSON.parse(e.dataset.thumbsOptions))),new Swiper(t,{...r,...d&&{thumbs:{swiper:d}}});const i=e.dataset.rprev,o=e.dataset.rnext;if(i&&o){const e=document.querySelector(`.${i}`),s=document.querySelector(`.${o}`);e&&e.addEventListener("click",(()=>{t.swiper.slidePrev()})),s&&s.addEventListener("click",(()=>{t.swiper.slideNext()}))}}))}));