Foros del Web » Creando para Internet » HTML »

Mosrar imagen sobre imagen en el evento hover

Estas en el tema de Mosrar imagen sobre imagen en el evento hover en el foro de HTML en Foros del Web. Hola buen dia, necesito hacer lo siguiente: tengo unos bloques con imagenes que tienen un hipervinculo a sus respectivas paginas, lo que quiero es que ...
  #1 (permalink)  
Antiguo 20/11/2011, 12:43
 
Fecha de Ingreso: agosto-2010
Mensajes: 215
Antigüedad: 14 años, 2 meses
Puntos: 6
Mosrar imagen sobre imagen en el evento hover

Hola buen dia, necesito hacer lo siguiente:

tengo unos bloques con imagenes que tienen un hipervinculo a sus respectivas paginas, lo que quiero es que al apuntar cada bloque con el señalador del mouse(hover) aparezca una imagen con algo de transparencia que indique que se puede entrar, pero no quiero repetir la imagen con la figura que le vaya a agregar ya que son varias y aparte de distendioso tambien agrego mucho peso, de que forma podria hacer esto, talvez con otro lenguaje como Jquery o Javascript se podria agregando una clase a las imagenes o algo asi.

aca un ejemplo http://photobucket.com/findstuff/funny/
  #2 (permalink)  
Antiguo 20/11/2011, 17:45
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años, 4 meses
Puntos: 1567
Respuesta: Mosrar imagen sobre imagen en el evento hover

reemplaza tus imágenes por un div que tenga como fondo a la imagen, y para el hover usas esto

http://foros.emprear.com/css/over_input/over_input.html

es decir si tu imagen actual des de 100x100, haces una de 100x200, la mitad de arriba es el estado normal, y la mitad de abajo el hover, es como un sprite muy simple de 2 imágenes

SAludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #3 (permalink)  
Antiguo 21/11/2011, 07:37
 
Fecha de Ingreso: agosto-2010
Mensajes: 215
Antigüedad: 14 años, 2 meses
Puntos: 6
Respuesta: Mosrar imagen sobre imagen en el evento hover

A eso me referia, no quisiera hacerlo asi porque son fotografias .jpg reales con un peso considerable aun optimizadas y asi estaria duplicando su peso, debe existir algun script para agregar esa "marca de agua" como en el link que puse, si sabes otra forma diferente a la que me comentas te agradezco que me la digas.
  #4 (permalink)  
Antiguo 21/11/2011, 10:56
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años, 4 meses
Puntos: 1567
Respuesta: Mosrar imagen sobre imagen en el evento hover

Ahora entiendo más, no había visto el ejemplo.

Bueno, podés hacer esto
http://foros.emprear.com/html/texto-sobre-miniatura/

y tambien hay algo muy atractivo con jquery
http://www.incg.nl/blog/2008/hover-b...ate_hover.html
pero te dejo a vos investigarlo

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #5 (permalink)  
Antiguo 21/11/2011, 11:17
 
Fecha de Ingreso: agosto-2010
Mensajes: 215
Antigüedad: 14 años, 2 meses
Puntos: 6
Respuesta: Mosrar imagen sobre imagen en el evento hover

Me quedo con el tuyo, es sencillo pero es lo que quiero, gracias de nuevo siempre me respondes, cuando te esten haciendo el homenaje en FDW me avisas y doy mi firma

Etiquetas: hover, señalador, transparencia
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 06:02.