Rails add a lightbox to an application

Question

Rails 4. Hi I d'like to add an lightbox to my application. I have follow the step-by-step instructions for Lightbox but my photo gallery doesn't respond at all

I have called (:all : application) the file necessary in my application.html.erb. My view is ok I think the problem reside in my way to call the vendor files.

I place all the lightbox files under vendor/assets/javascript and vendor/assets/stylesheets respectively. I did create an vendor/assets/images for the Lightbox images file (close icon...) and my application.html.erb contains:

stylesheet_link_tag    "application",  media: "all", "data-turbolinks-track" => true
javascript_include_tag "application", "data-turbolinks-track" => true

Nothing show up properly concerning my photo-gallery. any help?

score 4 · Accepted Answer · answered Jan 02 '14 at 10:19

4

in your /assets/javascripts/application.js add this line after //= require jquery:

//= require lightbox-2.6.min

same thing for your /assets/stylesheets/application.js add this line :

//= require lightbox

answered Jan 02 '14 at 10:19

medBouzid

7,484
10
56
86

no I still have an issue with this. Cause the lightbox effect doesn't appears like it sould be. – Papouche Guinslyzinho Jan 03 '14 at 05:48
@PapoucheGuinslyzinho what is the problem ? – medBouzid Jan 03 '14 at 05:53
lightbox.css and lightbox-2.6.min.js are charge properly on the
but not my img folder cause. I do have the lightbox effect on my pictures but I don't have the X or the > Foward button anymore. (my gist::https://gist.github.com/guinslym/8233045)
– Papouche Guinslyzinho Jan 03 '14 at 06:18
i think you are placed images in a folder, and your css file point to another place then can't find your images , is this the problem ? – medBouzid Jan 03 '14 at 07:04
Yeah this was the problem now I fixed it. Thks medBo – Papouche Guinslyzinho Jan 03 '14 at 08:43

score 1 · Answer 2 · answered Jan 03 '14 at 06:51

1

I added the following line that @medBo told me too.

But for the IMG folder I placed it inside the public folder.

answered Jan 03 '14 at 06:51

Papouche Guinslyzinho

5,277
14
58
101

score 0 · Answer 3 · answered Jun 05 '14 at 12:08

0

add '.scss' to the lightbox.css file and edit line 195 to 'background: url(/img/close.png) top right no-repeat;' then you can keep the img folder inside the assets folder where it belongs if you are going to compile assets localy

answered Jun 05 '14 at 12:08

Max

281
3
11

score 0 · Answer 4 · edited Jun 20 '20 at 09:12

0

Probably you can take a look at these gems:

Lightbox Rails

Lightbox for Bootstrap 3

edited Jun 20 '20 at 09:12

Community

1
1

answered Apr 22 '16 at 02:33

Brian Russel Davis

76
8

Rails add a lightbox to an application

4 Answers4