Descuento 40% Noviembre

Viernes, 27 Septiembre 2013 00:00

Efecto lupa en imágenes para Joomla! 2.5 y Joomla! 3.0

Escrito por  Johnny Heredia Montiel
CMS:  Joomla! |  Versión:  Todas |  Nivel de dificultad:  Básico |  Tiempo estimado de lectura:  10 minutos
Valora este artículo
(0 votos)
Efecto lupa en imágenes para Joomla! 2.5 y Joomla! 3.0

En el siguiente articulo de blog explicaremos como conseguir un efecto lupa, el mismo consiste en mostrar una especie de lente al pasar el mouse o sino también dando click sobre una imagen en particular consiguiendo como resultado una imagen ampliada al instante.

Para el efecto utilizaremos la extensión Zoom In desarrollada por Pixel Point Creative y disponible para Joomla! 2.5 y Joomla! 3.0

Ver y valorar la extensión Zoom In en el Joomla! Extensions Directory.

Instalación y configuración:

Desde el backend del Joomla! 2.5 o 3.0, menú Extensiones, Gestor de Extensiones en Joomla!, instalar y habilitar la extensión Zoom In.

En las opciones básicas podremos elegir si el efecto será al pasar el mouse o sino al darle click, por ultimo habilitar o no la librería según el caso.

En el articulo tendremos que ingresar la siguiente sintaxis:

{zoomin src="/path_to_large_image"}path_to_small_image{/zoomin}

El resultado final será el siguiente:

En el siguiente video se explica de manera práctica cada uno de los puntos explicados anteriormente.


¿Te ha resultado interesante este artículo?

Suscríbete para recibir consejos exclusivos para WordPress



Johnny Heredia Montiel

Johnny Heredia Montiel

Miembro del equipo de Webempresa: soporte técnico y blog.

Google+


Plugin Optimización de Imágenes Gratuito para WordPress