Multiple Image on mouseover

  MarvintheAndroid 18:59 PM 28 Mar 09

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 PM 28 Mar 09

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 PM 29 Mar 09

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.

New Moto G 2015 confirmed: Motorola Moto G UK release date, price and specification details - New…

Why Vodafone’s frequency choice should interest you: The benefits of 800MHz

Digital visionaries lined up for dConstruct

Apple Pay UK launch guide and participating UK banks: HSBC, First Direct finally support Apple Pay