I don't quite know what you mean by a "disjoint" rollover, but I think I get what you want. Here's some example JavaScript and HTML code that should show you how to achieve what you want:
---------------------------------------
<script language="JavaScript">
<!--
// You can remove the lines with two slashes at the start as they are only comments
// This part of the code loads the rollover images
if (document.images) {
image2_on = new Image();
image2_on.src = "image2_on.gif";
image2_off = new Image();
image2_off.src = "image2_off.gif";
}
// This function switches the images
// The parameters are passed in the form of 'image name', 'image src'
function changeImages() {
if (document.images) {
for (var y=0; y < changeImages.arguments.length; y+=2) {
document[changeImages.arguments[y]].src = eval(changeImages.arguments[y+1] + ".src");
}
}
}
//-->
</script>
<img src="image1.gif" onmouseover="changeImages('image2', 'image2_on')" onmouseout="changeImages('image2', 'image2_off')">
<img src="image2_off.gif" name="image2">
---------------------------------------
The JavaScript goes between the <head></head> tags of your page and the HTML code for the images obviously goes wherever in between your <body></body> tags (not necessarily together).
Hope that helps you - please post back if you need any more help
🙂
teknodude
[edit]
check out a demo of this code in action at
http://www.gplenderleith.freeserve.co.uk/demos/twopartrollover.htm
[/edit]
