Any ideas how to create hover effect that shows image elsewhere on page?

Hi,

Looking for an idea on how to produce a hover effect where a link is hovered over, which then creates an image change else where on the page?

LINK

So I want the links below the Orange & Blue headers to produce an example product image in place of the image already on the page?

Hope that makes sense.

Spigz

Take a look here:

http://www.magictoolbox.com/magiczoom/

and here:

http://www.zen-cart.com/showthread.php?116789-Jquery-Zoom-Support-thread

Hello,

Thank you for your reply. I have taken a look at your links and I am not sure if this is what I am looking for.

I did however come across the Swap Image cont, i'm wondering if this can be modified into what I want on my category pages, with the link being hovered and the image being replaced on the page?

Thank you for your help,

Spigz

Any Zen-xperts available to help with this??

Spigz

Have you checked in the plugins section? I did a search for "image swap" and got the following http://www.zen-cart.com/search.php?searchid=1185501 I haven't used any of them, so I don't know if they'll do what you want, but you can check them out and see.

afo:

Have you checked in the plugins section? I did a search for "image swap" and got the following http://www.zen-cart.com/search.php?searchid=1185501 I haven't used any of them, so I don't know if they'll do what you want, but you can check them out and see.

Hello,

Thank you for your reply.

I have taken a look and none of them are really what I am looking for. It appears to be a simple Jscript coding or it can be done straight from CSS but I have no idea where to start :frusty:

Spigz