|
|||||||||
|
|||||||||
| |||||||||
|
|||||||||
|
|||||||||
| |||||||||
|
|
|
| |||||||||
 |
|
|
«
Previous Thread
|
Next Thread
»
|
Thread Tools | Search this Thread | Rate Thread | Display Modes |
Dev Shed Forums Sponsor:
|
|
#1
February 19th, 2000, 07:46 PM
|
|||
|
|||
|
Can anyone please tell me if it is possible for when the mouse paases over an area in an image map, another image pops up.
If so please do tell me how if not, please let me no either way. Tim
|
|
#2
February 20th, 2000, 12:15 AM
|
|||
|
|||
|
Here is an example:
<HTML> <HEAD> <TITLE>Simple Image Rollover</TITLE> <SCRIPT LANGUAGE="javascript"> <!--// /* Author: Spookster * Email: ts_spook@hotmail.com * Description: This script will preload * your images and allow you to produce a * dynamic rollover effect. */ // This statement detects if the browser supports the image object if (document.images) { //This section instantiates or creates the image objects //You can also add the width and height of the images inside the parentheses seperated by a comma image1 = new Image(); image2 = new Image(); //This section specifies the location or url of the images to be used image1.src = "image1.jpg" image2.src = "image2.jpg" } //--> </SCRIPT> </HEAD> <BODY> <IMG src="yourimage.jpg" border="0" usemap="#imagemap1"> <MAP name="imagemap1"> <AREA shape="circle" coords="115,267,27" href="somewhere.html" onMouseover="document.rollover1.src=image2.src" onMouseout="document.rollover1.src=image1.src"> </MAP> <BR> <IMG src="image1.jpg" name="rollover1"> </BODY> </HTML> Spookster
|
|
| Viewing: Dev Shed Forums > Web Design > HTML Programming > Need help with image map |
| Thread Tools | Search this Thread |
| Display Modes | Rate This Thread |
|
|
 |
|
|
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
