Nice find, Darrell. I'm bookmarking this to check out the source code.

Works well, but this method does more of an on-the-fly image load. With large images or a slower connection, the rolled-over image may take a while to load.

Ideally, you'd do something like the following. I'm doing this from memory and my Javascript skills aren't what they used to be, so bear with me as this is just the general idea. :)

Somewhere in your page, you would define an array of images:

var mouseOver = new Array("Home_Over.gif", "Search_Over.gif");
var mouseOut = new Array("Home_Out.gif", "Search_Out.gif");


Then in your image tags...

<img src="Home_Out.gif" onMouseOver="this.src=mouseOver[0]" onMouseOut="this.src=mouseOut[0]">
<img src="Search_Out.gif" onMouseOver="this.src=mouseOver[1]" onMouseOut="this.src=mouseOut[1]">


Using the method above, the browser will load the over/out images in the background and should give better performance when you perform a rollover. With some tweaks to his code, it would be pretty easy to generate the necessary Javascript (Page.RegisterScriptBlock) for this to work within the context of the UserControl.

Whooops, should be more like this (which is what I get trying to do it from memory).

var homeOver = new Image();
homeOver.src = "Home_Over.gif";

var homeOut = new Image();
homeOut.src = "Home_Out.gif";

var searchOver = new Image();
searchOver.src = "Search_Over.gif";

var searchOut = new Image();
searchOut.src = "Search_Out.gif";

var overImg = new Array(homeOver, searchOver);
var outImg = new Array(homeOut, searchOut);



<img src="Home_Out.gif" onMouseOver="this.src = overImg[0].src" onMouseOut="this.src = outImg[0].src">

I remember those days as well Darrell. And I saw that Nick Bradbury was causually wondering what will happen to Homesite now that Adobe and Macromedia are planning to merge.
http://nick.typepad.com/blog/2005/04/adobe_acquires_.html

Dude, I loved HomeSite. I used it for quite awhile for ASP development back in the day.

You've been kicked (a good thing) - Trackback from DotNetKicks.com