PDA

View Full Version : Combing two different scripts



longhornfaithful
03-07-2006, 03:55 AM
I was wondering if I could combine both of these scripts that I put below.

http://www.dynamicdrive.com/dynamicindex1/dropmenuindex.htm

And this script


<SCRIPT TYPE="text/javascript" language="JavaScript"><!--
var loaded = false;

if (document.images) {
img1off = new Image();img1off.src = "http://i20.photobucket.com/albums/b222/chadsvideos/Other%20Dynastys/Rosteroff.gif";
img2off = new Image();img2off.src = "http://i20.photobucket.com/albums/b222/chadsvideos/Other%20Dynastys/Statsoff.gif";
img3off = new Image();img3off.src = "http://i20.photobucket.com/albums/b222/chadsvideos/Other%20Dynastys/SOFF.gif";
img4off = new Image();img4off.src = "http://i20.photobucket.com/albums/b222/chadsvideos/Other%20Dynastys/NBAoff.gif";
img5off = new Image();img5off.src = "http://i20.photobucket.com/albums/b222/chadsvideos/Other%20Dynastys/Insideroff.gif";

image8off = new Image();image8off.src = "/images/blank.gif";
}


function imageLoad() {
if (document.images) {
img1on = new Image();img1on.src = "http://i20.photobucket.com/albums/b222/chadsvideos/Other%20Dynastys/Rosteron.gif";
img2on = new Image();img2on.src = "http://i20.photobucket.com/albums/b222/chadsvideos/Other%20Dynastys/StatsOn.gif";
img3on = new Image();img3on.src = "http://i20.photobucket.com/albums/b222/chadsvideos/Other%20Dynastys/SON.gif";
img4on = new Image();img4on.src = "http://i20.photobucket.com/albums/b222/chadsvideos/Other%20Dynastys/NBAon.gif";
img5on = new Image();img5on.src = "http://i20.photobucket.com/albums/b222/chadsvideos/Other%20Dynastys/insideron.gif";

image8on = new Image();image8on.src = "/images/blank.gif";
return (loaded = true);
}
}

function rollOut(imgName) {
if (document.images) {
document[imgName].src = eval(imgName+"off.src");
}
}

function rollIn(imgName) {
if (document.images && (loaded == true)) {
document[imgName].src = eval(imgName+"on.src");
}
}
//-->
</SCRIPT>

<table border="0" cellspacing="1" cellpadding="1" bgcolor="#E9E9E9">
<TR>
<TD><img src="http://i20.photobucket.com/albums/b222/chadsvideos/mavs.gif" border="0" width="537"></TD>
</TR>

<table cellpadding="1" border="0" cellspacing="1" bgcolor="#E9E9E9">
<tr>
<td><a href="http://www.dynastycentral.com/dynasty/display_news.asp?ID=67715&dynasty_id=15117&year=2005" onMouseOver="rollIn('img1');return true" onMouseOut="rollOut('img1');return true;"><img onLoad='imageLoad()' src="http://i20.photobucket.com/albums/b222/chadsvideos/Other%20Dynastys/Rosteroff.gif" name="img1" border="0"></a></td>
<td><a href="http://www.dynastycentral.com/dynasty/bb_stats.asp?ID=15117&year=2005" onMouseOver="rollIn('img2');return true" onMouseOut="rollOut('img2');return true;"><img src="http://i20.photobucket.com/albums/b222/chadsvideos/Other%20Dynastys/Statsoff.gif" name="img2" border="0"></a></td>
<td><a href="http://www.dynastycentral.com/dynasty/display_news.asp?ID=67756&dynasty_id=15117&year=2005" onMouseOver="rollIn('img3');return true" onMouseOut="rollOut('img3');return true;"><img src="http://i20.photobucket.com/albums/b222/chadsvideos/Other%20Dynastys/SOFF.gif" name="img3" border="0"></a></td>

<td><a href="http://www.dynastycentral.com/dynasty/display_news.asp?ID=67757&dynasty_id=15117&year=2005" onMouseOver="rollIn('img4');return true" onMouseOut="rollOut('img4');return true;"><img src="http://i20.photobucket.com/albums/b222/chadsvideos/Other%20Dynastys/NBAoff.gif" name="img4" border="0"></a></td>
<td><a href="http://www.dynastycentral.com/dynasty/display_news.asp?ID=67759&dynasty_id=15117&year=2005" onMouseOver="rollIn('img5');return true" onMouseOut="rollOut('img5');return true;"><img src="http://i20.photobucket.com/albums/b222/chadsvideos/Other%20Dynastys/Insideroff.gif" name="img5" border="0"></a></td>
</tr>
</table>


So basically Im trying to get a drop down menu, with changing roll over images.