How to use Infinite animated.css in Owl Carousel

Shortlink:

Today i will teach you how to use Infinite animated.css in Owl Carousel. if you don’t have that then you can download animated.css and Owl Carousel.  You can see below codes


jQuery(".all_slides").owlCarousel({
singleItem: true,
pagination: false,
autoPlay: 5000,
theme: "homepage-slider-arrows",
navigation: true,
addClassActive: true,
transitionStyle : "fade",
navigationText: ["<i class='fa fa-angle-left'></i>","<i class='fa fa-angle-right'></i>"],
afterMove: previousslide,
beforeMove: nextslide,
});

function previousslide() {
jQuery(".owl-item.active .single_slider h2").addClass('animated bounce');
}
function nextslide() {
jQuery(".owl-item .single_slider h2").removeClass('animated bounce');
}

Leave a Reply

Your email address will not be published. Required fields are marked *

Time limit is exhausted. Please reload CAPTCHA.

Subscribe For Latest Updates

Signup for our newsletter and get notified when we publish new articles for free!




%d bloggers like this: