Caisson
Caisson provide a set of tools to facilitate the integration of Zurb-Foundation to your Rails project.
Install
gem install caisson
Rails 3
In your Gemfile:
gem 'zurb-foundation'
gem 'caisson'
In your application.js
//= require foundation
//= require caisson
In your application.scss
@import "foundation";
Orbit Slider
Basic examples
<%= orbit_slider ['apple', 'banana', 'peach'] do |fruit| %>
<h1>I like <%= fruit %></h1>
<% end %>
<% images = ["img1.jpg", "img2.jpg", "img3.jpg", "img4.jpg"] %>
<%= orbit_slider images, columns_per_slide: 2 do |img| %>
<img src="<%= img %>" />
<% end %>
Supported parameters
Name | Default |
---|---|
advance_speed | 4000 |
animation | horizontal-push |
animation_speed | 400 |
bullets | false |
bullet_thumbs | false |
bullet_thumbs_location | |
caption_animation | fade |
caption_animation_speed | 800 |
captions | false |
class | slider |
columns_per_slide | 1 |
directional_nav | true |
fluid | 16x5 |
id | |
pause_on_hover | true |
reset_timer_on_click | false |
start_clock_on_mouse_out | true |
start_clock_on_mouse_out_after | 1000 |
timer | false |
For more details on Orbit, see Foundation - Orbit.
Copyright
Copyright (c) 2013 De Marque inc. See LICENSE for further details.