Forum Moderators: open

Message Too Old, No Replies

Need js to handle thumb/main image change on rollover & onclick open.

         

dub713

9:27 pm on Nov 7, 2007 (gmt 0)

10+ Year Member



does anyone know the proper syntax or have any code that would allow us to have a set of thumbnails, which upon rollover, change the main image on the page to the different variants AND upon clicking the thumbnail, it would open the larger, detailed view of the image in Lightbox/Litebox/Lytebox etc...

we have different colored items, and would like to show the different colors to people by rolling over the thumb, and swapping out the main product image on the page, and then onclick, open a lightbox gallery to show all the detailed views of each item in the diff colors.
thanks

Dabrowski

4:23 pm on Nov 8, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



This is a fairly simple script for a JS coder. But as it's not really generic enough to run with a one-size-fits-all script you'd have to do it yourself.

This is where you need a web coder, not a web designer.

dub713

5:41 pm on Nov 8, 2007 (gmt 0)

10+ Year Member



yeah, i know i need a coder. sadly i can do some, but not all, and i can't figure out the right way to call the onclick to open the lightbox, with the current rollover system in place.

i'm looking to work backwards from the lightbox, and seeing if i can get some css rollovers in there so there isn't any conflicting or confusing js in there.

i know this is possible. if i can have the rollovers, and onclick, open a popup window with the detailed image, then you can definitely have the onclick open the lightbox.