TanchoToplineCargo/public/sunsarioverseas/js/rev-sliders/travel.js
2024-05-05 10:32:49 +05:45

28 lines
669 B
JavaScript

var options = {
autoPlay: true,
autoPlay: 2000,
accessibility: true,
prevNextButtons: true,
pageDots: true,
setGallerySize: false,
arrowShape: {
x0: 10,
x1: 60,
y1: 50,
x2: 60,
y2: 45,
x3: 15
}
};
var carousel = document.querySelector('[data-carousel]');
var slides = document.getElementsByClassName('carousel-cell');
var flkty = new Flickity(carousel, options);
flkty.on('scroll', function () {
flkty.slides.forEach(function (slide, i) {
var image = slides[i];
var x = (slide.target + flkty.x) * -1 / 3;
image.style.backgroundPosition = x + 'px';
});
});