Lightbox for Bootstrap 4
This gem was built for the use of 'Lightbox for Bootstrap 4' as Rails assets pipeline and you can look for the detailed documents at http://ashleydw.github.io/lightbox/
Updated using Bootstrap 4 alpha 6 version
Installation
Add this line to your application's Gemfile:
gem 'lightbox-bootstrap-rails', '5.1.0.1'
And then execute:
$ bundle
Or install it yourself as:
$ gem install lightbox-bootstrap-rails
Usage
in assets/javascripts/application.js
//= ...
//= require lightbox-bootstrap
//= ...
in assets/stylesheets/application.scss
...
@import "bootstrap";
@import "lightbox-bootstrap";
...
or in assets/stylesheets/application.css
/*...
*= require lightbox-bootstrap
*= require ...
*/
Finally, you should add assets/javascripts/lightbox_bootstraped.coffee
as follows:
$(document).delegate '*[data-toggle="lightbox"]', 'click', (event) ->
event.preventDefault()
$(this).ekkoLightbox()
return
Test Application
Among the gem sources, a test application is provided and there you can find how to code in the wild.
Changelog
- v 3.3.0.0 : initially created.
- v 3.3.0.1 : deployed to Rubygems.org
- v 3.3.0.2 : modified @import stylesheet syntax
- v 3.3.0.3 : fixed typos in ekko-lightbox.min.js and ekko-lightbox.js (lightbox v4.0.2 for Boostrap 3).
- v 5.0.0.0 : updated with lightbox v5.0.0 for Boostrap 4 alpha 5
- v 5.1.0.0 : updated with lightbox v5.1.0 for Boostrap 4 alpha 6
- v 5.1.0.1 : fixed modal dialog alignments
Contributing
- Fork it ( https://github.com/[my-github-username]/lightbox-bootstrap-rails/fork )
- Create your feature branch (
git checkout -b my-new-feature
) - Commit your changes (
git commit -am 'Add some feature'
) - Push to the branch (
git push origin my-new-feature
) - Create a new Pull Request