using lightbox to display images

Has anyone successfully implemented lightbox js to display images? I'm trying to get it so when users view the original image, it pops it up in the lightbox window instead of a new page.

I am running into the issue that any time I try to add a .js file in the _header.html, all of my rss feeds and polls will not load.. the loader just sits there and spins continuously, what gives? Can I utilize the jquery js file already loaded to display images in the same fashion as lightbox would?

I think you need move this post in job section

It may eventually come down to it, but as of now I am not interested in hiring anyone for this task.

I am seeking a simple discussion on why adding lightbox.js would or would not work. Why can I not add my own .js files to the header code without causing it to blow up the included .js scripts?

I did this for Dolphin 6 but not for D7.  I ended up using lytebox, because it played better with Dolphin.

After pulling almost all of my remaining hair out, I did get it to work with shadowbox. Must be some compatibility issue with jquery?

Now I'm trying to replace the window.open js code for the 'view original' button with a link to the shadowbox code, so far not so good. I did get it to work with modzzz's photo contest mod and man is it sweet!

You can also load other content - swfs, videos & web pages within the shadowbox which I think is neat and might come further into play for me later.

I already implemented this before for one of my modules (art module), here was integrated many nice galleries

lightbox possible too of course

I have the Art module working without any problem in D 7.0.4  Its working perfect after updating from 7.0.1

Thanks AndrewP you have done a great job.

Yeah, I know.  I don't know why ALL the code for the action button couldn't have been stored in the DB (sys_obects_actions)  to give more flexibility.  It would be nice to be able to just edit the action. Instead, onclick= is added externally, and the remaining code is pulled from the db.  Makes perfect Boonex sense I guess.

I'm wanting to integrate lightbox into my site, can anyone advise if they have done this or whether they could do this for a fee?

HI I know this is an old post, however I've been playing with Lightbox and was hoping for some simple help.

Does anyone know the actual image code / url ?

Anyone interested in testing it, please let me know.

I implemented fancybox on 7.0.9; have yet to do it on 7.1.  What I did on 7.0.9 was to rework the code of the "view original" button on the photo page to view the image in a lightbox.

You will need to spell out in more details what you wish to accomplish as it is more than just adding the lightbox code.

 I apologize and should have provided more details.

/m/photos/get_image/file/6db37b17fe05b8aa62a16f297678122b.jpg is the pic shown when viewing the pictures.

m/photos/get_image/original/6db37b17fe05b8aa62a16f297678122b.jpg is the actual uploaded picture.

What I am looking for is the actual URL for the original image, which can be viewed if you click the VIEW ORIGINAL button on the left side under the Actions Section.

I would like to have Lightbox expand the original image rather than the image showing on the page.

Basically what you have said: "rework the code of the "view original" button on the photo page to view the image in a lightbox."

I hope that helps a bit more than my previous post.

I actually think your idea may be better, only allow lightbox to be shown / expanded when the viewer clicks the View Original button in the Actions area.

As when the View Original button is clicked it opens a new page with just the image.  Hopefully Boonex will come up with something better.

Yes, that is exactly what I did.  I need to implement this for my 7.1 install.  I rewrote the code for the "view original" button so that it opened the original image in a lightbox using fancybox as that is my favourite lightbox proggy.  You need to add the proper bits to the header include file although a better solution is to go to the market and get the "header injection" module as it will allow you to include the proper bits only on the page where it is needed.  Oh, don't add jquery again; yes, I will admit that I slipped and did that the first time.  Hey, even geeks are human.

Note, you also need to grab the extension.  The original files are stored at /m/photos/get_image/original/

Note: the m is like a symbolic link.

I may not follow you.  When you build the URL for the "view original" it will be /m/photos/get_image/original/; USE the built in function to automatically add the domain to the URL; so it is http://my-nifty-dolphin-site.tld/m/photos/get_image/original/original-image.ext

What I should do is to redo this and write a tutorial on it.  However, I use fancybox as the lightbox app; anyone wanting to use something else would have to figure out the differences between their lightbox app and fancybox.