Multiple Image on mouseover

  MarvintheAndroid 18:59 28 Mar 2009

Hi, I need a bit of help.

I have a table with 6 rows on the left containing a line of text each, and a single cell on the right. I want to mouseover the text lines and change the image in the cell on the right to one of six, depending which line is moused over.

I could use images or invisible elements instead of text lines, but I would prefer text.

So for example user hovers mouse over line 1, image diaplays image 1.
User hovers over line 2, image swaps to image 2.
User hovers over line 3, image swaps to image 3.
User hovers over line 4, image swaps to image 4.
User hovers over line 2, image swaps to image 2.
User moves mouse pointer outside area, image swaps back to image 1 - or remains unchanged.

I an using HTML / DHTML so I need to do this in Javascript.

Any ideas ?

  MAJ 22:21 28 Mar 2009

It's pretty easy to do in Dreamweaver, using Behaviours, MarvintheAndroid. The code is a little long to post here, so if you want the code, email me via the yellow envelope and I'll send it to you. You can then modify it for your own needs.

  MarvintheAndroid 20:08 29 Mar 2009

Thanks. I have sorted it evetually using Javascript image swaps all poited to the same names target cell. And it works with text links too.


This thread is now locked and can not be replied to.

Elsewhere on IDG sites

iMac Pro review

3D illustrator Billelis on how to promote yourself on social media

iMac Pro review

Apple Music : comment obtenir 3 mois gratuits ?