JavaScripting

The definitive source of the best
JavaScript libraries, frameworks, and plugins.


  • ×

    Owl Carousel

    Owl Carousel. Touch enabled jQuery plugin that lets you create beautiful responsive carousel slider.
    Filed under  › 

    • 🔾72%Overall
    • 4,346
    • 13.2 days
    • 🕩975
    • 👥15

    ##New version 2.0.0-beta now available for testers. Check it

    OwlCarousel

    v.1.3.3

    Touch enabled jQuery plugin that lets you create beautiful responsive carousel slider. Visit Owl Carousel landing page

    ###Features:

    • Responsive
    • Touch Events
    • Mouse Slide Events
    • Fully Customizable
    • Choose the number of items to be displayed
    • Multiple Sliders
    • CSS3 3d Transitions
    • Custimizable controls
    • JSON
    • Custom events
    • Helpful callbacks

    Tested on IE7, IE8, IE9, IE10, Chrome, Safari, Firefox, Opera, iPhone, iPad, Chrome on Google Nexus.

    More Demos

    See what Owl can do:

    1.Getting Started

    Load jQuery(1.7+) and include Owl Carousel plugin files

    <!-- Basic stylesheet -->
    <link rel="stylesheet" href="owl-carousel/owl.carousel.css">
    
     <!-- Default Theme -->
    <link rel="stylesheet" href="owl-carousel/owl.theme.css">
    
    <!-- Include js plugin -->
    <script src="owl-carousel/owl.carousel.js"></script>
    

    2.Set up your HTML

    You don't need any special markup. All you need is to wrap your divs inside the container element

    Show All