Tras haber explicado anteriormente el truco para agrandar imágenes con efecto deslizante, recibí dos correos en los que me preguntaron si sería posible realizar lo mismo pero sin el efecto.
Naturalmente, la respuesta es sí. A decir verdad, descubrí una forma muy sencilla de realizar este truco, curiosamente mientras le daba un vistazo a todas las propiedades que aparecen en las imágenes subidas con blogger.
Pasa el cursor por la imagen para ver el resultado:
Para aplicarlo en tu blog sólo tienes que insertar la siguiente línea:
<center><img width="72" height="156" style="cursor: -moz-zoom-in;" src="URL DE TU IMAGEN" onmouseover="this.width=145;this.height=312;" onmouseout="this.width=72;this.height=156;" /></center>
Sustituye URL DE TU IMAGEN por la dirección de tu imagen. Si no sabes cómo obtenerla, mira en esta entrada.
Imagino que tu imagen no tendrá el mismo tamaño que la del ejemplo, por tanto, debes modificar las cifras del código:
Los números marcados en verde (312 y 145) indican el ancho (width) y el alto (height) que tendrá la imagen al pasar el cursor sobre ella.
Los segundos números, marcados en rojo (72 y 156) indican el ancho (width) y el alto (height) que tendrá la imagen encogida, es decir, la captura.
Deberás cambiarlos por valores que se adapten a tu blog (teniendo en cuenta que los rojos deben incluirse dos veces).
Si te das cuenta, estas cifras son la mitad de las cifras en color verde, por tanto la imagen aparecerá con la mitad de su tamaño original.
Mucho mejor así, sin el efecto. :D
Yo, este truco es mucho más sencillo que el anterior y no es necesario adentrarse en la plantilla ;).
Hola Jaime!
Este truco nos puede venir de perlas para nuestro blog. De todas formas el efecto del truco anterior que pusiste para esto me parece todavía más elegante. :)
Pero claro, todas las opciones, bienvenidas sean :D jajajaja.
Muchos saludos y abrazos!!!
:) ¡Qué buen efecto! muy buena la idea, sin recargar para nada la plantilla de más scripts como la mía :(( que cada vez está más pesada...
Muy útil el aporte, muchas gracias, un abrazo desde Uruguay.
La Trucoteca de Blogs, espero que así sea :D.
Es cierto que el otro truco puede resultar más elegante, aunque por otro lado, con este no es necesario insertar un script en la plantilla.
Fabiana, ¡cuánto tiempo! me alegra que te guste.
No se si tu plantilla estará pesada por dentro, pero por fuera ¡está preciosa!.
Abrazos desde España.