Make links open in lightbox (colorbox) a breeze
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 } %>
-
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)
-
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 } %>
This project rocks and uses MIT-LICENSE.