Código PHP:
function preload()
{
url = "http://xxx.com/"
gnoll = new Image()
gnoll.src = url + "Gnoll.jpg"
plunder = new Image()
plunder.src = url + "Plunder.jpg"
turtle = new Image()
turtle.src = url + "Turtle.jpg"
twisted = new Image()
twisted.src = url + "Twisted.jpg"
lost = new Image()
lost.src = url + "Lost.jpg"
rivers = new Image()
rivers.src = url + "Rivers.jpg"
links = document.getElementsByTagName('a')
for (i=0;i<links.length;i++)
{
links[i].onmouseout = new Function("ocu()")
links[i].onmouseover = new Function("window.status = 'Download this replay'; return true")
}
}
function mos(imagen,map)
{
var x = window.event.x + document.body.scrollLeft
var y = window.event.y + document.body.scrollTop
capa = document.getElementById('capa1')
capa.style.visibility = 'visible'
capa.style.top = 10 + y + 'px'
capa.style.left = 10 + x + 'px'
document.imagen1.src = imagen
document.getElementById('map').innerText = "Map: " + map
}
Código HTML:
<a href="http://xxx.com/pepe.w3g" onmousemove="mos(lost.src,'Lost Temple')">lalalalaala</a>
La cosa es que cuando aparece la capa aparece la imagen anterior por 1 segundo e inmediatamente cambia a la nueva, como que hay un retardo entre el cambio de imagen. porque??