Rollover simple:
<script>
function permuta(nombre,enlace){
document.getElementById(nombre).src=enlace
}
</script>
</head>
<body>
<img id="banner" src="original.gif" width="468" height="60"
onMouseOver="permuta('banner','reemplazo.gif')"
onMouseOut="permuta('banner','original.gif')" />
</body>
Almirante von Web/.
--------------------------------------
"Educando al asno, por no apalearlo."
©2007 ;-)
----- Original Message -----
From: "sn" <[EMAIL PROTECTED]>
To: "Ovillo, la lista de CSS en castellano" <ovillo@lists.ovillo.org>
Sent: Wednesday, February 21, 2007 6:10 AM
Subject: Re: [Ovillo] off-topic javascript
salud marc.
muchas gracias por la explicación y por las puntualizaciones sobre estadares
y accesibilidad.
son muy bien recibidas y las he implementado inmediatamente.
sin embargo el tema del dichoso cuadrado blanco con la x sigue
incordiándome.
con éste código sigue apareciendo:
<html lang="es">
<head>
<script type="text/javascript">
//Esto realmente no es necesario
//pero si te da problemas de carga
//le metemos chicha
var i = new Image();
i.src="pencil.png";
window.onload=function(){
imglink = document.getElementById('imagen');
alink = document.getElementById('link');
alink.onmouseover=function(){
imglink.style.display="inline";
}
alink.onmouseout=function(){
imglink.style.display="none";
}
imglink.style.display="none";
}
</script>
<style>
#divContenedor {
position:relative;
}
#imagen {
position:absolute;
top:0px;
left:30px;
z-index:9;
float:left;
border:0;
display:none;
}
#boton {
z-index:10;
position:absolute;
width:20px;
height:20px;
border:0px;
}
#link:hover #imagen {
width:200px;
height:200px;
background:url(graphics/img_gistredo/jpg/1.jpg);
text-align:center;
}
</style>
</head>
<body>
<div id="divContenedor">
<a href="#" id="link" title="enlace">
<img id="boton" src="graphics/boton_prueba.gif"
alt="BOTON" />
<img id="imagen" src="pencil.png" alt="-" />
</a>
</div>
</body>
</html>
algo debo estar pasando por alto.
un saludo!!
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
