Categories:

Home / Free JavaScripts / Images & Music / Here

Cut & Paste "Depressible" image links
JavaScript Kit

Description: This script will make any image link depressible. Note that you will need an alternate image to display when the image is depressed.

Example:

Directions: Step 1: Copy these two images onto your hd by "right clicking" them, and choosing "save as".

Step 2: Insert this into the <head> tags, changing the parts in red, if you're using your own images.

<script language="javascript1.2">
<!--
img1=new Image()
img1.src="up.gif"
img2=new Image()
img2.src="down.gif"
//-->
</script>

Step 3: Finally, insert this into your <body> tags, changing the parts in red, if you wish.

<a href="whatever.htm"
onMousedown="document.images['example'].src=img2.src"
onMouseup="document.images['example'].src=img1.src">
<img src="up.gif" name="example" border=0></a>

If you want multiple depressible images within one page, simply repeat steps 2 and 3 for each depressible image. When repeating step 3, be sure to change the part in blue ('example') to another unique name each time.


JavaScript Tools:
Site Info

CopyRight 1998-2012 JavaScript Kit. NO PART may be reproduced without author's permission.