Mouse Rollover for "before" and "after" images? [#374758]

Hi all,

I'm using the fantastic Lightbox2 on my website for my design portfolio. To extend my portfolio I would now like to add some "image retouching" works: This would necessitate showing "before" and "after" images, ideally on mouse over.

I.e., I would like to set up Lightbox so that after the user has clicked on a thumbnail and the image has opened, the user can hover the mouse over the image and another image appears - this would be the "before" image in my case.

Has anybody worked on a feature like that? Can this be done with Lightbox at all? I would be willing to invest some coding time to make this possible, but only if this has not already been done/tried.

Thanks in advance,
Marcus

Comments

Comment #1

elven commented 23 February 2009 at 18:33

Any ideas? Anybody?
Pretty please?

Comment #2

stella commented 23 February 2009 at 18:35

Can't be done with Lightbox2 at present. Haven't decided if it's a feature I want to implement, but in any case I won't get to this request for a while, sorry.

Cheers,
Stella

Comment #3

elven commented 26 February 2009 at 02:40

Thank you, Stella, for your quick reply.

I understand that this has a low priority on your list at the moment, as it probably isn't a much-requested feature. (On the other hand: If is was there, people would maybe find all kinds of uses for it...)

Anyway: For me this is an important feature, so I would like to try to implement a quick-and-dirty solution myself: Considering that Lightbox2 already uses a mouse rollover for the "next" and "prev" buttons, I would like to simply replace these graphics...
To help me getting started, may I ask you to please point me to those parts of the source code that are relevant to this?

Thanks in advance,
cheers,
marcus

Comment #4

stella commented 26 February 2009 at 09:50

Hmm the on-hover prev / next links appear because it's set in the css, which probably won't work for you since your prev / next replacement images will be different from image to image. I can't think of a quick and dirty hack at present, but you will need to modify lightbox2/js/lightbox.js

Cheers,
Stella