Image swaping

[LKB6]

I have a table where I inserted one large picture, and I also have 4 small thumbnails.

I found a few codes that allow to swap the large picture using javascript, but is there any code that will allow me to only use a mouseover to change/swap the large picture when I go over the thumbnails.

I couldn't finf anything like that.
Any help would be appreciated.
Thanks.

 

[BillyRayPreachersSon]

If you give the large picture an ID, for example 'largePicture', then you can set its SRC on mouse over of another image like this:

<img src="whatever.jpg" onmouseover="document.getElementById('largePicture').src = 'whatever_else.jpg';" />

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

Dan's Page [blue]@[/blue] Code Couch:

http://www.codecouch.com/dan/

Code Couch Tech Snippets & Info:

http://www.codecouch.com/

 

[BillyRayPreachersSon]

P.S. forum216 is a better place to ask JavaScript-related questions.

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

Dan's Page [blue]@[/blue] Code Couch:

http://www.codecouch.com/dan/

Code Couch Tech Snippets & Info:

http://www.codecouch.com/

 

[LKB6]

Simple and it works like a charm without using Javascript.
Thanks.
Louis

 

[Vragabond]

LKB6, can you share the solution with the forum, so that others can benefit from it as well?

[small]Do something about world cancer today: Comprehensive cancer control information at PACT[/small]

 

[BillyRayPreachersSon]

Unless he means my solution, and hasn't realised that it IS JavaScript!



Coedit Limited - Delivering standards compliant, accessible web solutions

Dan's Page [blue]@[/blue] Code Couch:

http://www.codecouch.com/dan/

Code Couch Tech Snippets & Info:

http://www.codecouch.com/

 

[LKB6]

I used the 'BillyRayPreachersSon ' solution.
Therefore I didn't do much more that what he wrote.
Just added id='largepict' in the img scr tag.

and used the code he gave me.
Very simple, and works perfectly.

I have a javascript solution, but more code and not so easy to implement in my code that get info from an external database.

 

[glenmac]

hasn't realised that it IS JavaScript!

Glen

http://lantzvillecomputers.com