Advertisement
zinannadeem

Infinite animated.css in Owl Carousel

Jan 17th, 2015
223
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
jQuery 0.58 KB | None | 0 0
  1. jQuery(".all_slides").owlCarousel({
  2.     singleItem: true,
  3.     pagination: false,
  4.     autoPlay: 5000,
  5.     theme: "homepage-slider-arrows",
  6.     navigation: true,
  7.     addClassActive: true,
  8.     transitionStyle : "fade",
  9.     navigationText: ["<i class='fa fa-angle-left'></i>","<i class='fa fa-angle-right'></i>"],
  10.     afterMove: previousslide,
  11.     beforeMove: nextslide,
  12. });
  13.  
  14. function previousslide() {
  15.     jQuery(".owl-item.active .single_slider h2").addClass('animated bounce');
  16. }
  17. function nextslide() {
  18.      jQuery(".owl-item .single_slider h2").removeClass('animated bounce');
  19. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement