开源软件名称：

开源软件地址：

开源编程语言：

开源软件介绍：

OwlCarousel

Touch enabled jQuery plugin that lets you create beautiful responsive carousel slider.

OwlCarousel landing page

###Features:

• Responsive
• Touch Event
• Mouse Slide Events
• Fully Customizable
• Choose the number of items to be displayed
• Multiple Sliders
• CSS3 3d Transitions
• Custimizable controlls

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

More Demos

See what Owl can do:

• With auto scaling images
• Full Width
• Custom Widths
• One Item

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="assets/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

<div class="owl-carousel owl-theme">
  <div> Your Content </div>
  <div> Your Content </div>
  <div> Your Content </div>
  <div> Your Content </div>
  <div> Your Content </div>
  <div> Your Content </div>
  <div> Your Content </div>
  ...
</div>

$(".owl-carousel").owlCarousel();