$ npm install swiper

$(document).ready(function () { var parallaxSlider; var parallaxSliderOptions = { speed: 1000, autoplay: true, parallax: true, loop: true, grabCursor: true, centeredSlides: true, pagination: { el: '.swiper-pagination', clickable: true, }, on: { init: function () { let swiper = this; for (let i = 0; i < swiper.slides.length; i++) { $(swiper.slides[i]) .find('.img-container') .attr({ 'data-swiper-parallax': .7 * swiper.width, 'data-swiper-paralalx-opacity': .2, }); $(swiper.slides[i]) .find('.title') .attr('data-swiper-parallax', .8 * swiper.width); $(swiper.slides[i]) .find('.description') .attr('data-swiper-parallax', .9 * swiper.width); } }, resize: function () { this.update(); }, }, navigation: { nextEl: '.parallax-slider .next-ctrl', prevEl: '.parallax-slider .prev-ctrl', }, }; parallaxSlider = new Swiper('.parallax-slider', parallaxSliderOptions); $(window).on('resize', function () { parallaxSlider.destroy(); parallaxSlider = new Swiper('.parallax-slider', parallaxSliderOptions); });
});

{"tags":[{"tag":"p","content":"You have reached your max daily Grepper answers. <a href=\"https://www.grepper.com/subscriptions.php\" target=\"_blank\" rel=\"nofollow\">Upgrade to professional </a>to view more Grepper answer today."},{"tag":"p","content":"<a href=\"https://www.grepper.com/api/view_product.php?hl=1&amp;pid=42\" target=\"_blank\" rel=\"nofollow\">Upgrade To Grepper Professional</a>"}]}