deadlock Message Board
[ April Full List | Reply ]

Re: Special effects, with HTML
From Bill (yawning) on 12 April '99
replying to Re: Special effects, with HTML posted by Woz

Look out below!

There are a million more versions that all do the same thing.

You don't need to mess with the function(s). You will need to
add your own variables and create two images of your own.

To start, create two images titled test.gif and testa.gif, put
them into the same directory as the page below. Open the page
in something like Navigator 3.x or MSIE 4.x, 5.x. (A browser
that recognizes JavaScript.)

If you think this example is too hard, buy a copy of Adobe's
ImageReady for $199.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<title>Test Too</title>
<script language="JavaScript">
if (document.images)
bettyon = new Image(); bettyon.src = "./test.gif";
bettyoff = new Image(); bettyoff.src = "./testa.gif";
suzyon = new Image(); suzyon.src = "./testa.gif";
suzyoff = new Image(); suzyoff.src = "./test.gif";
// variables go above this line (remove this line)
function turnOn(imageName) { if (document.images) { document[imageName].src = eval(imageName + "on.src"); } }
function turnOff(imageName) { if (document.images) { document[imageName].src = eval(imageName + "off.src"); } }

<body bgcolor=white>

<a href="./link.html" onMouseOver="turnOn('betty')" onMouseOut="turnOff('betty')">
<img name="betty" src="./testa.gif" alt="Betty" height=50 width=50 border=0></a>

<a href="./link.html" onMouseOver="turnOn('suzy')" onMouseOut="turnOff('suzy')">
<img name="suzy" src="./test.gif" alt="Image" height=50 width=50 border=0></a>

Reply to this message

Required Details
Your name:

Optional Details
Home page title:
Home page URL:
(if you'd like to receive
automatic replies by email)

Your Message