Foros del Web » Programando para Internet » Javascript »

Que al pasar el mouse por una imagen aparesca una imagen de apliar

Estas en el tema de Que al pasar el mouse por una imagen aparesca una imagen de apliar en el foro de Javascript en Foros del Web. hola, he buscado este codigo y no lo encuentro resulta que nesesito un codigo el cual al pasar el mouse por una imagen aparesca dentro ...
  #1 (permalink)  
Antiguo 03/11/2009, 07:28
Avatar de Fierce  
Fecha de Ingreso: marzo-2008
Mensajes: 216
Antigüedad: 16 años, 1 mes
Puntos: 3
Pregunta Que al pasar el mouse por una imagen aparesca una imagen de apliar

hola, he buscado este codigo y no lo encuentro

resulta que nesesito un codigo el cual al pasar el mouse por una imagen aparesca dentro de esa imagen una mas pequeña en una de las esquinas mostrandole al usuario que cuando le de click se ampliara
  #2 (permalink)  
Antiguo 03/11/2009, 13:46
Avatar de Fierce  
Fecha de Ingreso: marzo-2008
Mensajes: 216
Antigüedad: 16 años, 1 mes
Puntos: 3
Respuesta: Que al pasar el mouse por una imagen aparesca una imagen de apliar

vamos, ayuden que yo se que aqui estan los GENIOS
  #3 (permalink)  
Antiguo 03/11/2009, 14:08
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.050
Antigüedad: 15 años
Puntos: 1485
Respuesta: Que al pasar el mouse por una imagen aparesca una imagen de apliar

Cita:
Iniciado por Fierce Ver Mensaje
vamos, ayuden que yo se que aqui estan los GENIOS
jaaa!! no lo digo porque me creo genio, sino por la forma que tratas persuadir.

te cuento lo que a mi se me ocurre. cada imagen ubicala dentro de un contenedor, digamos un SPAN. dentro de este tendras dos elementos: IMG, y otro SPAN. al SPAN interno aplicale estilo con posicion absoluta, dimensiones, imagen de fondo y lo anclas a cualquiera de las esquina (top|right|bottom|left). al SPAN externo le aplicas estilo con posicion relativa. y para mostrar u ocultar el SPAN interno, puedes usar eventos mouseover de javascript, o en el mejor de los casos puedes hacerlo en CSS con pseudoclase :hover.
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
  #4 (permalink)  
Antiguo 03/11/2009, 16:43
Avatar de Fierce  
Fecha de Ingreso: marzo-2008
Mensajes: 216
Antigüedad: 16 años, 1 mes
Puntos: 3
Respuesta: Que al pasar el mouse por una imagen aparesca una imagen de apliar

O SEA, lo que quiero hacer es algo parecido a esto
http://ver-documentales.net/

no importa si sale en una esquina o en el centro, solo nesesito que salga xD
  #5 (permalink)  
Antiguo 03/11/2009, 16:55
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.050
Antigüedad: 15 años
Puntos: 1485
Respuesta: Que al pasar el mouse por una imagen aparesca una imagen de apliar

en ese ejemplo no emplea javascript, salvo para rotar los mensajes. en ese ejemplo se usan dos elementos: un contenedor y un elemento interno para mensaje. el contenedor simplemente tiene la imagen de fondo y el elemento interno contiene el mensaje o cualquier contenido que quiero. y de nuevo, con CSS lo posicionan con margenes y le dan dimensiones.
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
  #6 (permalink)  
Antiguo 03/11/2009, 17:12
Avatar de Fierce  
Fecha de Ingreso: marzo-2008
Mensajes: 216
Antigüedad: 16 años, 1 mes
Puntos: 3
Respuesta: Que al pasar el mouse por una imagen aparesca una imagen de apliar

y como seria el codigo?
  #7 (permalink)  
Antiguo 03/11/2009, 17:17
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.050
Antigüedad: 15 años
Puntos: 1485
Respuesta: Que al pasar el mouse por una imagen aparesca una imagen de apliar

veamos, ¿saber hacer dos elementos de tu preferencia? el unico criterio es que el elemento padre, o contenedor, no puede ser de tipo lineal tiene que ser de bloque. ¿sabes aplicar estilos CSS a un documento? creas un documento css y lo enlazas al documento con elemento <link>.

por otro lado puedes ver el codigo fuente del ejemplo que has puesto y tomar una idea.
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
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 08:23.