17/05/2005, 16:42
|
| (Desactivado) | | Fecha de Ingreso: febrero-2005 Ubicación: Azcapotzalco
Mensajes: 299
Antigüedad: 19 años, 3 meses Puntos: 2 | |
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>
|