I need help with creation of a web page ?

Question

how can l make an image in a way that when I place the arrow in the image, this image changes to another image? example:

http://www.askthebuilder.com/

you can see images saying this: "videos" "e-books" "tim's store" "ask tim" "glossary" etc

they are all images and when somebody place the arrow on this images changes to color black (it's anothe image) how can I do this?

Answer 1

Modify following code to use your images:

<a href="link1.html" onmouseover="changeImages('nav_videos', 'image_on1.jpg'); return true;" onmouseout="changeImages('nav_videos', 'image_off1.jpg'); return true;"><img src="image_off1.jpg" alt="Text Description" style="width:XXpx; height:YYpx; border:0;"></a>

Ron

Answer 2

What you think of is called a "MouseRollOver" command.

Here is example.

http://www.imabaddog.ca/main.htm

<div id="Layer16" style="position: absolute; width: 312px; height: 291px; z-index: 1000007; left: 680px; top: 598px;"><a href="javascript:;" onmouseover="MM_swapImage('Image5','','c... onmouseout="MM_swapImgRestore()"><img src="http://www.imabaddog.ca/chris-web-u... name="Image5" usemap="#Image5Map" id="Image5" border="0" width="260" height="350">

    <map name="Image5Map">

      <area shape="rect" coords="81,34,208,293" href="#" onclick="MM_popupMsg('Im Newest member... but not new to \r\r\rROCK N ROLL!!\r\rFantastic!')">

    </map>

</a></div>

Answer 3

Try www.cooltext.com. That's where I get all the links and buttons for the HTML work that I do. It's really easy to get what you want, and it looks really nice too.