tbprojects / colorbox-rails

Make links open in lightbox a breeze

ColorboxRails¶ ↑

Make links open in lightbox (colorbox) a breeze

Usage¶ ↑

in your application.css

*= require colorbox-rails

in your application.js

//= require colorbox-rails

Then enable link to be displayed in colorbox by simply adding :colorbox => true attribute. E.g.

<%= link_to "My superb link", "#", :data => { :colorbox => true } %>

<a href=“#” data-colorbox=“true”>My superb link</a>

Add attributes inside the :data block

<%= link_to "My superb link", "#", :data => { :colorbox => true, :colorbox_height => '300px', :colorbox_width => '300px', :colorbox_iframe => true } %>

Available data options¶ ↑

• colorbox-height (www.jacklmoore.com/colorbox/#setting-height)

• colorbox-width (www.jacklmoore.com/colorbox/#setting-width)

• colorbox-max-height (www.jacklmoore.com/colorbox/#setting-maxHeight)

• colorbox-max-width (www.jacklmoore.com/colorbox/#setting-maxWidth)

• colorbox-iframe (www.jacklmoore.com/colorbox/#setting-iframe)

• colorbox-photo (www.jacklmoore.com/colorbox/#setting-photo)

• colorbox-innerheight (www.jacklmoore.com/colorbox/#setting-innerheight)

• colorbox-innerwidth (www.jacklmoore.com/colorbox/#setting-innerwidth)

• colorbox-title (www.jacklmoore.com/colorbox/#setting-title)

• colorbox-class-name (www.jacklmoore.com/colorbox/#setting-className)

• colorbox-href (www.jacklmoore.com/colorbox/#setting-href)

• colorbox-html (www.jacklmoore.com/colorbox/#setting-html)

Available link options¶ ↑

• rel (need colorbox-static data-attribute to work) (www.jacklmoore.com/colorbox/#setting-rel)

<%= link_to "My superb link", "#", rel: 'group1', :data => { :colorbox_static => true } %>

License¶ ↑

This project rocks and uses MIT-LICENSE.