Foros del Web » Programando para Internet » Jquery »

[SOLUCIONADO] agrandar imagen al pasar por encima de <a href

Estas en el tema de agrandar imagen al pasar por encima de <a href en el foro de Jquery en Foros del Web. hola a todos es que tengo un enlace y una imagen y quiero que al pasar por encima me agrande la imagen yo tengo esto ...
  #1 (permalink)  
Antiguo 26/09/2015, 00:05
 
Fecha de Ingreso: junio-2012
Ubicación: En el Mundo
Mensajes: 766
Antigüedad: 12 años, 6 meses
Puntos: 10
agrandar imagen al pasar por encima de <a href

hola a todos es que tengo un enlace y una imagen y quiero que al pasar por encima me agrande la imagen



yo tengo esto

<img src="url" onmouseover="this.width=140;this.height=140;" onmouseout="this.width=20;this.height=20;"> original_title'] <small>release_date</small>


al pasar por encima de la imagen hace eso



pero quiero que tambien lo haga cuando pase por encima del texto
  #2 (permalink)  
Antiguo 26/09/2015, 03:23
Avatar de Drako_18  
Fecha de Ingreso: mayo-2005
Ubicación: Madrid
Mensajes: 505
Antigüedad: 19 años, 7 meses
Puntos: 16
Respuesta: agrandar imagen al pasar por encima de <a href

Buenas compañero,

Esto se puede solucionar con CSS, sin necesidad de jQuery.
Si metes la imagen y el texto dentro del enlace, al pasar por encima del enlace (imagen + texto) puedes decirle que la imagen sea más grande.

Sería algo así el código CSS:
#MiLista a:hover img{
/*Pon aquí tu nuevo tamaño deseado.*/
}

Lo pongo de cabeza... Pruebalo y hablamos! :)


Un saludo!
__________________
Rubén Espada
Desarrollador full stack .Net (Angular + JS + .Net Core)

Etiquetas: agrandar, encima, href
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 01:56.