Foros del Web » Creando para Internet » Herramientas y Software »

abrir imagen al pasar raton

Estas en el tema de abrir imagen al pasar raton en el foro de Herramientas y Software en Foros del Web. encontre en una pagina un efecto interesante que consiste en abrir una nueva imagen al poner el raton sobre ella pero sin que desaparezca la ...
  #1 (permalink)  
Antiguo 11/06/2003, 12:43
 
Fecha de Ingreso: enero-2003
Mensajes: 24
Antigüedad: 21 años, 10 meses
Puntos: 0
abrir imagen al pasar raton

encontre en una pagina un efecto interesante que consiste en abrir una nueva imagen al poner el raton sobre ella pero sin que desaparezca la primera. Se trata de poner el raton sobre una imagen que es una miniatura y dentro de la misma pagina se abre una imagen mas grande con la descripcion de esta .
Espero que este claro lo que necesito, si alguien me puede ayudar de antemano lo agradezco mucho.
  #2 (permalink)  
Antiguo 11/06/2003, 13:49
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 9 meses
Puntos: 772
Hola, odavilag.

Si pusieras la página donde lo has visto sería más fácil ayudarte.

Saludos,
  #3 (permalink)  
Antiguo 11/06/2003, 14:21
Avatar de regui  
Fecha de Ingreso: abril-2002
Mensajes: 287
Antigüedad: 22 años, 7 meses
Puntos: 0
No se si es lo que buscas, pero puedes hacer algo similar mostrando y ocultando capas en el MouseOver.
__________________
"En cuanto a mí, sólo sé que no sé nada"
Sócrates
  #4 (permalink)  
Antiguo 11/06/2003, 18:36
 
Fecha de Ingreso: enero-2003
Mensajes: 24
Antigüedad: 21 años, 10 meses
Puntos: 0
hola javierB La pagina donde vi el efecto es http://www.mueblestimaukel.cl
  #5 (permalink)  
Antiguo 12/06/2003, 04:07
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 9 meses
Puntos: 772
Hola de nuevo.

Creo que esto puede servirte:
Código PHP:
<img src="imagen.gif" width="88" height="31"
onmouseover="document.getElementById('imag').style.visibility='visible'"
onmouseout="document.getElementById('imag').style.visibility='hidden'">

<
img id="imag" src="imagen2.gif" width="88" height="31" style="visibility:hidden"
Saludos,
  #6 (permalink)  
Antiguo 12/06/2003, 16:11
 
Fecha de Ingreso: diciembre-2001
Ubicación: Ciudad de Panamá
Mensajes: 12
Antigüedad: 23 años
Puntos: 0
Sonrisa

Pues como dice Regui, me parece lo mas sencillo...
Por lo menos en GoLive, al mouse over le pones un action que llaman multimedia en donde especificas que floting box (/div) va aparecer en el evento onmouse over. Supongo yo que en DreamWeaver debe de haber algo similar...la verdad no se no lo uso (todavía...pero muy pronto).
  #7 (permalink)  
Antiguo 12/06/2003, 18:02
 
Fecha de Ingreso: enero-2003
Mensajes: 24
Antigüedad: 21 años, 10 meses
Puntos: 0
Les agradezco un monton , pero en lo unico que me manejo un poco es con Dreamweaver
  #8 (permalink)  
Antiguo 13/06/2003, 03:31
Avatar de regui  
Fecha de Ingreso: abril-2002
Mensajes: 287
Antigüedad: 22 años, 7 meses
Puntos: 0
Con Dreamweaver es muy sencillo de hacer. Insertas las imágenes pequeñas, y les asignas un vínculo vacío (les pones en el link javascript:; eso es mejor que la #) y luego creas una capa con la imagen en grande dentro de ella, y en el panel de capas le pones que esté oculta.
Una vez hecho esto lo único que tienes que hacer es irte al panel de Behaviours y seleccionar a opción de show-hide Layers y seleccionar la capa que quieras mostrar u ocultar, dandoselo al mouseOver o al Onclick, como mejor lo veas tu.
Tienes que tener en cuenta que no solo tienes que mostrar la capa de la imágen, sino que además tienes que ocultar las demás que se hayan mostrado anteriormente, porque si tienes una galerái y vas mostrando pero no ocultas al final tendrás un barullo de capas que no veas...
Espero que te haya servido, si tienes alguna duda aqui estamos para responderte.
__________________
"En cuanto a mí, sólo sé que no sé nada"
Sócrates
  #9 (permalink)  
Antiguo 13/06/2003, 12:20
 
Fecha de Ingreso: junio-2002
Ubicación: caceres
Mensajes: 115
Antigüedad: 22 años, 6 meses
Puntos: 2
hola yo tengo otra duda.... y como podria hacer para que en dreamweaver al hacer una imagen de sustitucion, la segunda e inicialmente oculta, cuando le pasas el raton por encima vaya cambiando la transparencia, y viendose progresivamente y poco a poco, y no de golpe, no se si me explico...
sabeis algun script para ello??
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:04.