28 lines
669 B
JavaScript
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';
|
||
|
|
});
|
||
|
|
});
|