Holitas :)
lo tienes que poner en el window.onload.
A ver, vamos a hacer tu ejemplo más accesible y lo configuraremos con
javascript no intrusivo.
<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>
</head>
<body>
<div id="divContenedor">
<a href="#" id="link" title="enlace">
<img src="graphics/boton_prueba.gif" alt="BOTON" />
<img id="imagen" src="pencil.png" alt="-" />
</a>
</div>
</body>
Falta la CSS y todo eso que lo he quitado para ahorrar espacio.
RECUERDA!!!
el ancho, alto y borde de la imagen se definen en el CSS!!!
todas las imagenes tienen que tener un texto alternativo.
al a href es recomendable ponerle siempre un title
A ver si ahora si :)
> salud marc.
> discula mi ignorancia una vez más pero no se encajar en mi ejemplo la
> solución que propones.
> _______________________________________________
> 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
