Skip to Menu
jQuery » rollover images

Uses image preloading.

<script type="text/javascript">
// preload images first (can run before page is fully loaded)
$.preloadImages("ok_on.gif", "cancel_on.gif");
$(
	function()
	{
		// set up rollover
		$("img.rollover").hover(
			function()
			{
				this.src = this.src.replace("_off","_on");
			},
			function()
			{
				this.src = this.src.replace("_on","_off");
			}
		);
	}
)
</script>

Rollover Example

Source image available in GIMP XCF format: button.xcf