PDA

View Full Version : Multiple Image Flips


KaoS
11-24-2002, 04:32 PM
I have trouble getting multiple image flips to work. Can someone post a code with multiple image flips plz?

KaoS
11-24-2002, 04:57 PM
???

redhead
11-24-2002, 05:12 PM
can we see the code you have so far? as long as you give all the images a unique name you shouldnt have any problems with it

KaoS
11-24-2002, 05:24 PM
I just dont get it but heres what i got

<html>
<head>
<title>main</title>
<SCRIPT LANGUAGE="JavaScript">
<!-- hide from none JavaScript Browsers
Image1= new Image(140,60)
Image1.src = "images/Home_Button_A.gif"
Image2 = new Image(140,60)
Image2.src = "images/Home_Button_B.gif"

function SwapOut() {
document.Home.src = Image2.src; return true;
}

function SwapBack() {
document.Home.src = Image1.src; return true;
}

function SwapOut2() {
document.Home2.src = Image2.src; return true;
}

function SwapBack2() {
document.Home2.src = Image1.src; return true;
}
// - stop hiding -->
</SCRIPT>


<meta name="generator" content="Created Using Yahoo! PageBuilder 2.61.76">
</head>
<body bgcolor="#000000" link="#0000FF" vlink="#FF0000" text="#000000"
onLoad="window.onresize=new Function('if (navigator.appVersion==\'Netscape\') history.go(0);');">
<div id="root" style="position:absolute;top:0;left:0;width:170px;height:324px">
<div style="position:absolute;left:8;top:8;width:150;height:150;">
<table width=150 height=150 border=0 cellpadding=0 cellspacing=0><tr valign="top">
<td><!-- Home -->
<A HREF="index.html" onMouseOver="SwapOut()" onMouseOut="SwapBack()">
<IMG NAME="Home" SRC="images/Home_Button_A.gif" WIDTH=140 HEIGHT=60 BORDER=0></A> </td>
</tr></table></div>
<div style="position:absolute;left:8;top:162;width:150;height:150;">
<table width=150 height=150 border=0 cellpadding=0 cellspacing=0><tr valign="top">
<td><!-- Home2 -->
<A HREF="index.html" onMouseOver="SwapOut2()" onMouseOut="SwapBack2()">
<IMG NAME="Home2" SRC="images/Home_Button_A.gif" WIDTH=140 HEIGHT=60 BORDER=0></A> </td>
</tr></table></div>
</div>
</body>
</html>

redhead
11-24-2002, 05:47 PM
hmmm... try using:

<A HREF="index.html">
<IMG NAME="Home" SRC="images/Home_Button_A.gif" WIDTH=140 HEIGHT=60 BORDER=0 onMouseOver="this.src='images/Home_Button_A.gif'; return true;" onMouseOut="this.src='images/Home_Button_B.gif';"></A>

does that work?

KaoS
11-24-2002, 06:00 PM
YEAH!!! THANKS!!!