Source Code - JsMadeEasy.com

Metachecker.net

|

TrafficChecker.net

|

RankChecker.net

Learn Java Script Today

|

Over 5000 Free Fonts

|

|

Javascript Forum

|

Other Javascript Resources

|

JavaScript Basics

Inserting Javascript

Complete Tutorial

Advance DHTML Tutorial


Changing Images - Click Sound (More Than 1)

It only works on Netscape for Windows 95 & NT. However it doesn't work in Netscape 4 because they uses the Media Player which does not load the emeded sound (the script needs the wav to be loaded). Beatnik Player can be used on Netscape 4 Netscape Only


Insert into <HEAD>
<script language="JavaScript"> <!-- Hide from old browsers check = true image1= new Image(); image1.src = "IMAGE FILE OFF"; image1on = new Image(); image1on.src = "IMAGE FILE ON"; image2= new Image(); image2.src = "IMAGE FILE OFF"; image2on = new Image(); image2on.src = "IMAGE FILE ON"; linkloc = new Array linkloc[1] = "YOUR LINK LOCATION #1" linkloc[2] = "YOUR LINK LOCATION #2" function imageon(name) { document[name].src = eval(name + "on.src"); } function imageoff(name) { document[name].src = eval(name + ".src"); } function on(name) { if (check == true){ imageon(name); } } function off(name) { if (check == true){ imageoff(name); } } function startTime(num){ gothere = linkloc[num] document.sound.play(); var time= new Date(); hours= time.getHours(); mins= time.getMinutes(); secs= time.getSeconds(); closeTime=hours3600+mins60+secs; closeTime+=1; Timer(); } function Timer(){ var time= new Date(); hours= time.getHours(); mins= time.getMinutes(); secs= time.getSeconds(); curTime=hours3600+mins60+secs if (curTime>=closeTime){ location = gothere;} else{ window.setTimeout("Timer()",1000)} } // --> </script>

Insert into <BODY>
<EMBED SRC="YOUR SOUND FILE" autostart=false HIDDEN=TRUE NAME="sound" MASTERSOUND> <a href="" onmouseover="on('image1');" onmouseout="off('image1')" onClick="startTime(1); return false;"><img src="YOUR IMAGE OFF" border="0" name="image1"></a> <a href="" onmouseover="on('image2');" onmouseout="off('image2')" onClick="startTime(2); return false;"><img src="YOUR IMAGE OFF" border="0" name="image2"></a>

Other Options
The changing image part will work though, on MSIE4). Also this script only supports one sound. You change IMAGE FILE OFF, IMAGE FILE ON, and YOUR LINK LOCATION # in the Head. Now change YOUR IMAGE OFF and YOUR SOUND FILE in the Body.