├── .gitignore ├── Gemfile ├── MIT-LICENSE ├── README.md ├── Rakefile ├── lib ├── owlcarousel-rails.rb └── owlcarousel-rails │ └── version.rb ├── owlcarousel-rails.gemspec └── vendor └── assets ├── images ├── ajax-loader.gif └── owl.video.play.png ├── javascripts └── owl.carousel.js └── stylesheets ├── owl.carousel.css ├── owl.theme.default.css └── owl.theme.green.css /.gitignore: -------------------------------------------------------------------------------- 1 | *.gem 2 | .bundle 3 | Gemfile.lock 4 | pkg/* 5 | .DS_Store 6 | .bin 7 | vendor/bundle -------------------------------------------------------------------------------- /Gemfile: -------------------------------------------------------------------------------- 1 | source "http://rubygems.org" 2 | 3 | # Specify your gem's dependencies in jquery-datatables-rails.gemspec 4 | gemspec 5 | -------------------------------------------------------------------------------- /MIT-LICENSE: -------------------------------------------------------------------------------- 1 | Copyright (c) 2013 Adrian Rangel 2 | 3 | Permission is hereby granted, free of charge, to any person obtaining 4 | a copy of this software and associated documentation files (the 5 | "Software"), to deal in the Software without restriction, including 6 | without limitation the rights to use, copy, modify, merge, publish, 7 | distribute, sublicense, and/or sell copies of the Software, and to 8 | permit persons to whom the Software is furnished to do so, subject to 9 | the following conditions: 10 | 11 | The above copyright notice and this permission notice shall be 12 | included in all copies or substantial portions of the Software. 13 | 14 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, 15 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF 16 | MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND 17 | NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE 18 | LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION 19 | OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION 20 | WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. 21 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | OwlCarousel-rails 2 | ============ 3 | 4 | This gem bundles the contents of [OwlCarousel](https://github.com/OwlCarousel2/OwlCarousel2) from OwlFonk 5 | 6 | Touch enabled jQuery plugin that lets you create beautiful responsive carousel slider. [Visit Owl Carousel landing page](https://owlcarousel2.github.io/OwlCarousel2/). 7 | 8 | ### Features: 9 | * Responsive 10 | * Touch Events 11 | * Mouse Slide Events 12 | * Fully Customizable 13 | * Choose the number of items to be displayed 14 | * Multiple Sliders 15 | * CSS3 3d Transitions 16 | * Custimizable controls 17 | * JSON 18 | * Custom events 19 | * Helpful callbacks 20 | 21 | > Tested on IE7, IE8, IE9, IE10, Chrome, Safari, Firefox, Opera, iPhone, iPad, Chrom on Google Nexus. 22 | 23 | 24 | ### More Demos 25 | See what Owl can do: 26 | * [Basic](https://owlcarousel2.github.io/OwlCarousel2/demos/basic.html) 27 | * [Responsive](https://owlcarousel2.github.io/OwlCarousel2/demos/responsive.html) 28 | * [Center](https://owlcarousel2.github.io/OwlCarousel2/demos/center.html) 29 | * [Merge](https://owlcarousel2.github.io/OwlCarousel2/demos/merge.html) 30 | * [All demos](https://owlcarousel2.github.io/OwlCarousel2/demos/demos.html) 31 | 32 | ### 1.Getting Started 33 | Load jQuery(3+) and include Owl Carousel plugin files 34 | 35 | add to your Gemfile 36 | ```ruby 37 | gem 'owlcarousel-rails' 38 | ``` 39 | 40 | * Note this gem requires jQuery, be sure to add it as a dependency on your Gemfile or on wepack. 41 | 42 | add to your application.js 43 | ```ruby 44 | //= require owl.carousel 45 | ``` 46 | 47 | add to your application.css 48 | ```ruby 49 | *= require owl.carousel 50 | *= require owl.theme 51 | ``` 52 | 53 | ### 2.Set up your HTML 54 | You don't need any special markup. All you need is to wrap your divs inside the container element