Ver imagenes al passar el raton

jsoledia · #1 (**permalink**) 17/05/2005, 06:43

Hola compañeros,

Me ha surgido un problema, os comento.

Tengo una pàgina con una serie de enlaces a otras webs. Al passar encima de ellos necesito que en la misma pàgina y sin necesidad de pulsar el raton aparezca una imagen distinta para cada link.

Se puede hacer?

Gracias

jaume

xp64 · #2 (**permalink**) 17/05/2005, 16:42

posiciona tus imagenes donde quieres que aparezcan, luego

Código:

<img src="1.jpg" class="oculta" id="img1">
<img src="2.jpg" class="oculta" id="img1">
<img src="3.jpg" class="oculta" id="img1">
<img src="4.jpg" class="oculta" id="img1">
<img src="5.jpg" class="oculta" id="img1">

en los links

Código:

<a href="" onmouseover="imagen('img1.jpg',1)" onmouseout="imagen('img1',0)"></a>
<a href="" onmouseover="imagen('img2.jpg',1)" onmouseout="imagen('img2',0)"></a>
<a href="" onmouseover="imagen('img3.jpg',1)" onmouseout="imagen('img3',0)"></a>
<a href="" onmouseover="imagen('img4.jpg',1)" onmouseout="imagen('img4',0)"></a>
<a href="" onmouseover="imagen('img5.jpg',1)" onmouseout="imagen('img5',0)"></a>

y luego esto

Código:

<head>
<style>
img.oculta {
  visibility : hidden
}
</style>

<script>
function imagen(cual,a){
      if(a)
           document.getElementById(cual).style.visibility="visible";
       else
           document.getElementById(cual).style.visibility="hidden";        
}
</script>
</head>