Mouse overs

by "Derek Lavine" <derek(at)realware.com.au>
Date:	Wed, 28 Mar 2001 16:31:04 +1000
To:	<hwg-languages(at)hwg.org>
	todo: View Thread, Original
Hi all,

I am having a problem with mouseovers in IE5.5 when I have the options set
to reaload on every visit to the page.

I thought: overImg[1].src = "images/login_02.gif";
would preload the image so that in the changeImage() function a line like

document.images[img].src = overImg[img].src;

would just cause that preloaded image to be displayed as required. But it
seems that the image is re-read from the server. Is there anyway to stop
this even if the option setting are set to reload a page on every visit.

A sample of the code is shown below.

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

<html>
<head>
 <title>Untitled</title>


<script type="text/javascript" language="JavaScript1.2">
var overImg = new Array();
var defaultImg = new Array();
var selectImg = new Array();

function changeImage(img, type) {
 switch(type) {
  case "over":
   document.images[img].src = overImg[img].src;
   break;
  case "out":
   document.images[img].src = defaultImg[img].src;
   break;
  case "clicked":
   document.images[img].src = selectImg[img].src;
   break;
 }
}

// Default function to call on a page load
function pageLoaded() {
// pageLoadedDefault();
overImg[1] = new Image();
selectImg[1] = new Image();
defaultImg[1] = new Image();

overImg[1].src = "images/login_02.gif";
defaultImg[1].src = "images/login_01.gif";
selectImg[1].src = "images/login_03.gif";

overImg[2] = new Image();
selectImg[2] = new Image();
defaultImg[2] = new Image();

overImg[2].src = "images/user_02.gif";
defaultImg[2].src = "images/user_01.gif";
selectImg[2].src = "images/user_03.gif";

overImg[3] = new Image();
selectImg[3] = new Image();
defaultImg[3] = new Image();

overImg[3].src = "images/search_02.gif";
defaultImg[3].src = "images/search_01.gif";
selectImg[3].src = "images/search_03.gif";

}


</script>

</HEAD>

<BODY bgcolor="ffffff" onLoad="pageLoaded()">


<image src="images/logo.gif"><br>

 <A HREF="javascript:void(0)"
  onMouseOut="changeImage(1, 'out')"
  onMouseOver="changeImage(1, 'over')"
  onClick="changeImage(1, 'clicked')"
  >
 <img src="images/login_01.gif" border="0"></a><br>
 <A HREF="javascript:void(0)"
  onMouseOut="changeImage(2, 'out')"
  onMouseOver="changeImage(2, 'over')"
  onClick="changeImage(2, 'clicked')"
  >
 <img src="images/user_01.gif" border="0"></a><br>
 <A HREF="javascript:void(0)"
  onMouseOut="changeImage(3, 'out')"
  onMouseOver="changeImage(3, 'over')"
  onClick="changeImage(3, 'clicked')"
  >
 <img src="images/search_01.gif" border="0"></a><br>

</body>
</html>

--->




Cheers
Derek
HWG: hwg-languages mailing list archives, maintained by Webmasters @ IWA