nuoroda + foto title

pvz turime toki koda:

<a href='google.lt' title='google'>Google</a>

uzvedus pelyte mes matysime 'google' titlą. Kaip padaryti, kad kai zmogus uzves ant nuorodos ismestu vietoj titlo maza nuotraukele? Kalbu kad uzvedus o ne paspaudus? Gal kas zino kodo pavadinima ar kaip reikia iterpti? buciau dekingas uz betkokia info.

Čia kiek žinau reiktu man atrodo javascript, jei gerai supratau ko nori

Sukurit maža div'ą ir nuotrauką jame

<div id="title"><img src="images/nuotrauka.jpg" alt="nuotrauka" /></div>

Aprašai nuorodą:

<a href="http://gnu.lt" alt="Nuoroda" onmouseover="java script:show();" onmouseout="java script:hide();" />Nuoroda</a>

Aprašai css:

div#title { display: none; position: absolute; }

java script:

<script type="text/javascript">
function show() {
 document.getElementById('title').style.display = "block";
}
function hide() {
 document.getElementById('title').style.display = "none";
}
var IE = document.all?true:false

// If NS -- that is, !IE -- then set up for mouse capture
if (!IE) document.captureEvents(Event.MOUSEMOVE)

// Set-up to use getMouseXY function onMouseMove
document.onmousemove = getMouseXY;

// Temporary variables to hold mouse x-y pos.s
var tempX = 0
var tempY = 0

// Main function to retrieve mouse x-y pos.s

function getMouseXY(e) {
 if (IE) { // grab the x-y pos.s if browser is IE
tempX = event.clientX + document.body.scrollLeft
tempY = event.clientY + document.body.scrollTop
 } else {  // grab the x-y pos.s if browser is NS
tempX = e.pageX
tempY = e.pageY
 }  
 // catch possible negative values in NS4
 if (tempX < 0){tempX = 0}
 if (tempY < 0){tempY = 0}  
 // show the position values in the form named Show
 // in the text fields named MouseX and MouseY
 document.getElementById('title').style.left = tempX
 document.getElemebtById('title').style.top = tempY
 return true
}
</script>

Abėjoju, kad veiks, nes rašau netikrindamas, bet tikiuos supratai mintį..