Image Roll Over Not Working In Firefox

Dr. Rated-R · July 21, 2005

Format: GIF

Dimensions: 650w x 400h

Size: 255.4K

Images: 8

Settings: Selective, 256 Colors, 100% Diffusion Dither, Transparency on, No Transparency Dither, Non-Interlaced, 0% Web Snap


    

<HTML>

<HEAD>

<TITLE>splash</TITLE>

<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">

<!-- ImageReady Preload Script (splash.html) -->

<script TYPE="text/javascript">

<!--


function newImage(arg) {

	if (document.images) {

  rslt = new Image();

  rslt.src = arg;

  return rslt;

	}

}


function changeImages() {

	if (document.images && (preloadFlag == true)) {

  for (var i=0; i<changeImages.arguments.length; i+=2) {

  	document[changeImages.arguments[i]].src = changeImages.arguments[i+1];

  }

	}

}


var preloadFlag = false;

function preloadImages() {

	if (document.images) {

  splash_bottom_over = newImage("images/splash_bottom-over.gif");

  splash_bottom_over007 = newImage("images/splash_bottom-over-07.gif");

  preloadFlag = true;

	}

}


// -->

</SCRIPT>

<!-- End Preload Script -->

</HEAD>

<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 ONLOAD="preloadImages();">

<!-- ImageReady Slices (splash.html) -->

<TABLE WIDTH=650 BORDER=0 CELLPADDING=0 CELLSPACING=0>

	<TR>

  <TD COLSPAN=3>

  	<IMG SRC="images/splash_01.gif" WIDTH=650 HEIGHT=259 ALT=""></TD>

	</TR>

	<TR>

  <TD ROWSPAN=3>

  	<IMG SRC="images/splash_02.gif" WIDTH=449 HEIGHT=141 ALT=""></TD>

  <TD>

  	<A HREF="#"

    ONMOUSEOVER="changeImages('splash_bottom', 'images/splash_bottom-over.gif'); return true;"

    ONMOUSEOUT="changeImages('splash_bottom', 'images/splash_bottom.gif'); return true;">

    <IMG NAME="splash_bottom" SRC="images/splash_bottom.gif" WIDTH=199 HEIGHT=69 BORDER=0 ALT="" USEMAP="#splash_bottom_Map"></A></TD>

  <TD ROWSPAN=3>

  	<IMG SRC="images/splash_04.gif" WIDTH=2 HEIGHT=141 ALT=""></TD>

	</TR>

	<TR>

  <TD>

  	<A HREF="#"

    ONMOUSEOVER="changeImages('splash_bottom006', 'images/splash_bottom-over-07.gif'); return true;"

    ONMOUSEOUT="changeImages('splash_bottom006', 'images/splash_bottom-06.gif'); return true;">

    <IMG NAME="splash_bottom006" SRC="images/splash_bottom-06.gif" WIDTH=199 HEIGHT=70 BORDER=0 ALT="" USEMAP="#splash_bottom006_Map"></A></TD>

	</TR>

	<TR>

  <TD>

  	<IMG SRC="images/splash_06.gif" WIDTH=199 HEIGHT=2 ALT=""></TD>

	</TR>

</TABLE>

<MAP NAME="splash_bottom_Map">

<AREA SHAPE="rect" ALT="" COORDS="3,3,195,66" HREF="index2.html">

</MAP>

<MAP NAME="splash_bottom006_Map">

<AREA SHAPE="rect" ALT="" COORDS="3,3,195,66" HREF="/forums/index.php">

</MAP>

<!-- End ImageReady Slices -->

</BODY>

</HTML>

Can you give me any insight as to why the above code doesn't work properly in Firefox? I made an entrance splash for a friends new website, and I did the layer-based roll overs or whatever in Image Ready 7, and then previewed it all in IE and Firefox. In Internet Explorer, the roll overs work as they should, and look rather sexy. However, in Firefox... they don't function as they should. When I bring my mouse over either of the two spots where the roll overs should appear, it looks right for just a second, but then cuts back to the way it looked before I put the mouse over it. The code above is the exact code, as taken from the Firefox preview I did using ImageReady. And I know NOTHING about making roll overs or image maps or anything on my own, so I dunno if anything needs fixed in the code or not.

Sign In

Image Roll Over Not Working In Firefox

Recommended Posts

Dr. Rated-R

Link to comment

Share on other sites

Join the conversation

Recently Browsing 0 members

Browse

Activity

Store

My Details

Support

Important Information