dya...
just a back® with the 'code'...lol...n' thisss was from just a nother® member/mod ...john k...:O)))
just a copy® this below into notepad™...n' call it whatever.html
n' thennn just a checkitout®...
/me didnt 'give ya' the image...'cept the coding still works with the 'broken' one...lol...
<html>
<head>
<title>Johns script
</title>
<style TYPE="text/css">
<!--
body{overflow:scroll;overflow-x:hidden}
.popUps{position : absolute;visibility : hidden}
//-->
</style>
<SCRIPT LANGUAGE="JavaScript">
<!--//
function moreInfo(cap,msg,txt,bgc) {
info ="<TABLE WIDTH=150 BORDER=0 CELLPADDING=1 CELLSPACING=0 BGCOLOR=#000000>"
info=info+"<TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0>"
info=info+"<TR><TD><CENTER><FONT COLOR=#FFFFFF><B>"+cap+"</B></FONT></CENTER></TD></TR></TABLE>"
info=info+"<TABLE WIDTH=100% BORDER=0 CELLPADDING=5 CELLSPACING=0 BGCOLOR="+bgc+">"
info=info+"<TR><TD><FONT COLOR="+txt+">"+msg+"</FONT></TD></TR></TABLE></TD></TR></TABLE>";
if (document.layers) {
theItem.document.write(info);
theItem.document.close();
theItem.visibility = "visible";
}
else if (document.all) {
document.all("infoBox").innerHTML = info;
theItem.visibility = "visible";
}
}
function hideInfo() {theItem.visibility = "hidden"}
function tracker(e){
if(document.all){
x=event.x+document.body.scrollLeft
y=event.y+document.body.scrollTop
if(x<document.body.clientWidth/2){theItem.left= x}
else{theItem.left = x-150}
if(y<document.body.clientHeight/2){theItem.top= y-15}
else{theItem.top = y-135}
}
if(document.layers){
x=e.pageX
y=e.pageY
if(x<window.innerWidth/2){theItem.left= x}
else{theItem.left = x-150}
if(y<window.innerHeight/2){theItem.top= y-15}
else{theItem.top = y-135}
}
}
if(document.all){document.onmousemove=tracker}
if(document.layers){document.captureEvents(Event.MOUSEMOVE);document.onmousemove=tracker}
//-->
</SCRIPT>
</HEAD>
<BODY>
<DIV ID="infoBox" CLASS="popUps"> </DIV>
<SCRIPT>
var theItem = (document.layers) ? document.infoBox : infoBox.style;
</SCRIPT>
<CENTER>
<A HREF="#" onmouseover="moreInfo('Example 1','This came up because you hovered over the image.','white','red')"; onmouseout="hideInfo()"><IMG SRC="" WIDTH=100 HEIGHT=100></A>
<HR>
<A HREF="#" onmouseover="moreInfo('Example 2','This came up because you hovered over the link.','maroon','tan')"; onmouseout="hideInfo()">Hover over this link</A>
</CENTER>
</BODY>
</HTML>