Skip to content

Instantly share code, notes, and snippets.

@shahadat014
Created January 18, 2015 19:01
Show Gist options
  • Save shahadat014/8caf5140ab06e9d432cc to your computer and use it in GitHub Desktop.
Save shahadat014/8caf5140ab06e9d432cc to your computer and use it in GitHub Desktop.
Infinite animated.css in Owl Carousel
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');
}
@michellomp
Copy link

Hi shahadat
i try your code but i notice that the animation don't work between the last and the first image of the slider
Do you have an idea to fix that ?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment