https://github.com/dcoric/owl
Old implementation of owl carousel
https://github.com/dcoric/owl
Last synced: 3 months ago
JSON representation
Old implementation of owl carousel
- Host: GitHub
- URL: https://github.com/dcoric/owl
- Owner: dcoric
- License: mit
- Created: 2019-02-02T20:33:44.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2019-02-02T20:37:28.000Z (over 7 years ago)
- Last Synced: 2025-02-27T19:58:24.134Z (over 1 year ago)
- Language: HTML
- Size: 1.25 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: changelog.html
- License: LICENSE
Awesome Lists containing this project
README
## OwlCarousel ##
>v.1.31
Touch enabled jQuery plugin that lets you create beautiful responsive carousel slider.
[Visit Owl Carousel landing page](http://owlgraphic.com/owlcarousel)
###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, Chrom on Google Nexus.
### More Demos
See what Owl can do:
* [With auto scaling images](http://owlgraphic.com/owlcarousel/demos/images.html)
* [Full Width](http://owlgraphic.com/owlcarousel/demos/full.html)
* [Custom Widths](http://owlgraphic.com/owlcarousel/demos/custom.html)
* [One Item](http://owlgraphic.com/owlcarousel/demos/one.html)
* [More demos](http://owlgraphic.com/owlcarousel/#more-demos)
### 1.Getting Started
Load jQuery(1.7+) and include Owl Carousel plugin files
```html
```
### 2.Set up your HTML
You don't need any special markup. All you need is to wrap your divs inside the container element
. Class "owl-carousel" is mandatory to apply proper styles that come from owl.carousel.css file.
```html
Your Content
Your Content
Your Content
Your Content
Your Content
Your Content
Your Content
...
```
### 3.Call the plugin
Now call the Owl initializer function and your carousel is ready.
```html
$(".owl-carousel").owlCarousel();
```
### 4. For more details visit [OwlCarousel landing page](http://owlgraphic.com/owlcarousel)
##### Changelog available [here](http://owlgraphic.com/owlcarousel/changelog.html)
License
------------
The MIT License (MIT)