[PopupBox]

Hi, my name is Sandra.

And my name is Catherine (call me cat).

And I'm Greta better I was Greta.

Zu jedem Link wird eine Grafik eingeblendet.

[zwischen <HEAD> und </HEAD>] <script language=javaScript>
<!-- Beginning of JavaScript -

//preloading images
var sandragif= new Image()
sandragif.src="sandra288.gif"

var catherinegif= new Image()
catherinegif.src="catherine288.gif"

var gretagif= new Image()
gretagif.src="garbo288.gif"
//setzen Sie so viele Grafiken ein, wie Sie möchten
//end preloading images

var x,y,a,b,timer,thisbox,isbox,urlimg
var box

function openbox(thisbox) {
isbox = thisbox

document.getElementById('popupbox').style.visibility = "visible"
document.getElementById('popupbox').innerHTML = "<img src='"+thisbox+"'>"
document.getElementById('popupbox').style.left = x+25
document.getElementById('popupbox').style.top = y
timer=setTimeout("openbox(isbox)",50)
}

function closebox(){
clearTimeout(timer)
document.getElementById('popupbox').style.visibility = "hidden";
}

function handlerMM(e){
x = (document.all) ? event.clientX : e.screenX
y = (document.all) ? event.clientY : e.screenY - 150
}


document.onmousemove = handlerMM;

// - End of JavaScript - -->
</script>

[zwischen <BODY> und </BODY>]

<a href="#" onMouseOver="openbox('sandra288.gif')" onMouseOut="closebox()">Hi, my name is Sandra. </a>

<a href="#" onMouseOver="openbox('catherine288.gif')" onMouseOut="closebox()">And my name is Catherine (call me cat). </a>

<a href="#" onMouseOver="openbox('garbo288.gif')" onMouseOut="closebox()">And I'm Greta better I was Greta. </a>

<a href="#" onMouseOver="openbox('sandra288.gif')" onMouseOut="closebox()">Hi, my name is Sandra. </a>

<div id="popupbox" style="position:absolute"></div>.

[Autor]

Original by www.24fun.com
modified for DOM compatibility by nightfire

[Download]

Copyright © 1998- Nightfire Webworker Archiv Script No: 0311