Well I am in the process of designing my site and want something easy and fairly nice to look at. For the portfolio portion of my site I would like to do something like this http://www.superham.com/Illustration5_2004/Illustration.htm . Its Super Ham's site (he is awesome by the way).

See how when you mouse over the image on one side you see the image on the other side. That is what Im wanting to do. However while looking at the code I realized that I don't have a clue of how to do this. Im not sure if I'm going to use images or just text but this IS what I want to do.

If anyone could point me in the right direction for learning how to do this it would be appreciated very much.

Now I have to tell you that if your going to use allot of code talk I will not understand what you are saying. (thank god for dreamweaver, I can concentrate on design and not code!)

Thanks for your time.

Donnie.

That was done in JavaScript.
Not sure how he did it but you can try to use Dreamweaver's built in onmouseover/imageswap action and see if you can achieve the desired effect.
Bare in mind that I have no clue on what I'm talking about :)

Yeah Im in the process of experimenting right now but have had no luck. Still truckin though.

Thanks.

I think the link below is what you are looking for. It demonstrates mouse overs with a hyperlink but you could easily use an image instead.

http://webmonkey.wired.com/webmonkey/98/03/index2a_page9.html?tw=programming#

He is using javascript and CSS/DHTML.

When an image is moused over (JavaScript), CSS is used to swap the image source. On mouse out the image is swapped back to the original untill another image is moused over.

The site was created in Dreamweaver.

:)

if you want to do it by hand, this is probably the easiest way...


//change the image
<tag onmouseover="NAME.src='NEW.FILE';" onmouseout="NAME.src='ORIG.FILE';">
just about any html element tag can be used.
</tag>

//image to be changed. can be located anywhere on the same page
<img src="ORIG.FILE" name="NAME" />