Automatic scrolling for horizontal gallery

just added this code to the function php and it worked

You can use this script in the functions.php file to set an autorotation to the horizontal gallery element. Set the interval in ms. Default is 2 seconds.

function ava_horizontal_gallery_interval() {
?>
<script>
(function($) {
// set the autorotation duration in ms
var interval = 2000;

$(‘.av-horizontal-gallery’).each(function() {
var i = 0;
var b = 0;
var slider = $(this).find(‘.av-horizontal-gallery-slider’);
var item = slider.find(‘.av-horizontal-gallery-wrap’);
var next = $(this).find(‘.next-slide’);
var prev = $(this).find(‘.prev-slide’);
var count = item.length;

var nextSlide = () => {
setInterval( $.proxy(function() {
next.trigger(‘click’);
i++;
if(i == count && item.last().is(‘.av-active-gal-item’)) {
clearInterval(nextSlide);
$(this).trigger(‘av-reset-item’);
i = 0;
}
}, this), interval);
}

nextSlide();

$(this).on(‘av-reset-item’, function() {
setTimeout( function() {
var resetSlide = setInterval( $.proxy(function() {
prev.trigger(‘click’);
if(count == b && item.first().is(‘.av-active-gal-item’)) {
clearInterval(resetSlide);
b = 0;
$(this).trigger(‘av-next-item’);
}
b++;
}, this), 10);
}, interval);
});

$(this).on(‘av-next-item’, function() {
nextSlide();
});
});
})(jQuery);
</script>
<?php
}
add_action( ‘wp_footer’, ‘ava_horizontal_gallery_interval’, 9999 );