javascript relacion - texto - imagen
Estimados amigos!!
Necesito ayuda con el siguiente script.
Quisiera que por ej:
hay una serie de nombres
aaaaaaaa
bbbbbbb
cccccccc
cada uno es un link, pero lo que yo quisiera es que al apoyar sobre ellos, aparezca una imagen, siempre en el mismo lugar (dentro de una tabla o capa) como dando un anticipo de que se trata lo que van a ver en en link.
Muchas Gracias!!
Necesito ayuda con el siguiente script.
Quisiera que por ej:
hay una serie de nombres
aaaaaaaa
bbbbbbb
cccccccc
cada uno es un link, pero lo que yo quisiera es que al apoyar sobre ellos, aparezca una imagen, siempre en el mismo lugar (dentro de una tabla o capa) como dando un anticipo de que se trata lo que van a ver en en link.
Muchas Gracias!!
Bueno, aca te envio un script que hace lo que necesitás.
Ojo que solo lo probé en Internet Explorer 5.5
Basicamente tenes un codigo HTML con una imagen con ID y un Style con visibility=hidden
Tenes un par de links con un evento on mouseOver y una funcion que se encarga de mostrar la imagen que pasas como parametros. Los links y el lugar de la imagen lo pones donde quieras.
<script language="JavaScript">
function preview(p_src)
{
var img = document.getElementById("img1");
img.src = p_src;
img.style.visibility = "visible";
}
</script>
<a href="a" onMouseOver="preview(\'transdot.gif\')">img1</a>
<a href="b" onMouseOver="preview(\'bg1.gif\')">img2</a>
<img id="img1" src="" style="visibility:hidden">
Espero te sirva, saludos!
Ojo que solo lo probé en Internet Explorer 5.5
Basicamente tenes un codigo HTML con una imagen con ID y un Style con visibility=hidden
Tenes un par de links con un evento on mouseOver y una funcion que se encarga de mostrar la imagen que pasas como parametros. Los links y el lugar de la imagen lo pones donde quieras.
<script language="JavaScript">
function preview(p_src)
{
var img = document.getElementById("img1");
img.src = p_src;
img.style.visibility = "visible";
}
</script>
<a href="a" onMouseOver="preview(\'transdot.gif\')">img1</a>
<a href="b" onMouseOver="preview(\'bg1.gif\')">img2</a>
<img id="img1" src="" style="visibility:hidden">
Espero te sirva, saludos!
Muchas gracias! Lo voy a probar y si tengo alguna duda me comunico con ud/s
Saludos
Saludos