12/10/2005, 23:16
| ||||
| ||||
 Imagen al pasar el mouse Buen día Necesito hacer una página web en la que tengo una lista con nombres de personas y me interesa que al pasar el mouse sobre el nombre, muestre una fotografía. Si es complicado o no es posible que sea al pasar el mouse, que sea al dar un click. Aclaro que sé muy poco de html, mucho menos de flash u otros programas similares, pero si entiendo algo sobre los códigos en html Espero me puedan ayudar y muchas gracias de antemano. GM |
|
12/10/2005, 23:36
| ||||
| ||||
| hola, pues eso se hace con Javascript, puedes encontrar un ejemplo aca: http://derroteros.perucultural.org.pe como ves los botones cambian de apagado a prendido, al igual solo deberas cambiar el nombre (apagado) y la foto (prendido) saludos
__________________ Victor Pereyra |
|
13/10/2005, 05:57
| ||||
| ||||
| Yo creo que lo que buscas es más bien que salga algo "sobre" la página que estás viendo, no en su lugar... Mira este código:
Código:
Lo he obtenido de: <html>
<body bgcolor="#FFFFFF">
<script language="JavaScript">
<!--
// Esta es la función que abrirá
// la nueva ventana cuando el ratón pase sobre el link
function open_new_window(foto)
{
nueva_ventana = open("","","width=300,height=200,left=100,top=100");
// abre la nueva ventana
nueva_ventana.document.open();
// Código de la nueva ventana
// Sustituye las " por ' o por \" o de lo contrario no funcionará
// Aquí puedes utilizar una variable para definir qué foto abrirá
nueva_ventana.document.write("<html><title>Tu foto: "+foto+"</title>");
nueva_ventana.document.write("<body bgcolor=\"#FFFFFF\">");
nueva_ventana.document.write("<img src=\""+foto+"\">");
nueva_ventana.document.write("</body></html>");
}
// Esta es la función que cerrará
// la nueva ventana cuando el ratón salga del link
function close_window()
{
nueva_ventana.close();
}
// -->
</script>
<a href="#" onMouseOver="javascript:open_new_window('manuel')" onMouseOut="close_window()">Manuel Fernández</a>
</body>
</html>
http://www.codeave.com/javascript/code.asp?u_log=7056 Buscando en google: "on mouseover pop up" Lo he puesto en castellano. Adicionalmente, he incluido una variable "foto" para no tener que hacer una función para cada uno, sino una global tipo funcion(foto) y luego llamarla onmouseover="funcion(manuel)"; onmouseover="funcion(perico)", etc. También se puede hacer con capas, pero es más complicado -aunque el resultado sea más limpio- Espero que te sirva  |
|
13/10/2005, 10:28
| ||||
| ||||
| |
