ImageFlip (onMouseOver & onMouseOut)

name 1: welcome.gif
name 2: welcome2.gif
size: 135 X 15
resolution: 72 X 72
colors: 5 (4 bit)
file length: 1 KB
format: GIF89a





This effect is created by displaying one image when the cursor is over an image and another one when the cursor is not over the image. One of two javascript functions are called, depending on the location of the cursor, from the <a href="file.htm"> tag. Javascript in the document head looks like this:

-------------------------------------------
<SCRIPT LANGUAGE="JavaScript">
Image1= new Image(135,15)
Image1.src = "graphics/welcome.gif"
Image2 = new Image(135,15)
Image2.src = "graphics/welcome2.gif"

function Swap() {
document.imageflip.src = Image2.src; return true;
}

function SwapBak() {
document.imageflip.src = Image1.src; return true;
}
</SCRIPT>
-------------------------------------------

New attributes of the <A> tag are "onmouseover='function1name()'" and "onmouseout='function2name()'"

In addition, The "<img> tag must be named, in this case:

<img NAME="imageflip" src="graphics/welcome.gif" width=135 height=15 border=0>

{}
Mail to bmcc@pacifier.com
Last Modified: Sat May 13, 2000
Copyright © 2000, Bill McCabe