Domingo, 04 Diciembre 2011 21:57

Imprimir imágenes de ventanas emergentes con el plugin Art Sexy Lightbox

Escrito por 
CMS:  Joomla! |  Versión:  1.7 |  Nivel de dificultad:  Básico |  Tiempo estimado de lectura:  10 minutos


Art Sexy LightboxEn ocasiones utilizamos, principalmente por razones de estética, ventanas modales para presentar información de un sitio web dentro de artículos de contenido creados en Joomla! que nos permiten que estos se muestren en visualizaciones highslide o lightbox mejorando el estilo del sitio web.

Uno de estos casos de aplicación podrian ser por ejemplo la presentación de grandes imágenes (tamaño) que por necesidades concretas necesitamos que conserven su formato original, aunque se muestren en uno más reducido, bien incrustándolas en artículos y reduciendo el tamaño de visualización, o mediante el uso de plugins como multithumb o mavik Thumbnails que permiten el dimensionado automático. Esto es relativamente sencillo de conseguir con las extensiones anteriormente mencionadas, pero no permiten que cuando una imagen se muestra en una ventana modal tenga funcionalidades adicionales, algunas de ellas nativas de Joomla!, como lo es la opción de "imprimir" dicha imagen desde la ventana emergente.

Art Sexy Lightbox 2.0 es una extensión pensada para mostrar fotos, galerías, artículos, álbumes de Picasa, fotografias de Flickr, álbumes de Photobucket, productos de VirtueMart, S3 Amazon, páginas externas, vídeos de Youtube, Vimeo, y otros contenidos online en ventanas emergentes (popup).

Esta extensión, desarrollada por Artetics.com, llamada Art Sexy Lightbox está disponible en versión gratuita (Lite) o de pago (Pro) y además escrita para todas las ramas de Joomla!.

Art Sexy Lightbox nos ayuda en este sentido, porque además de permitir que gestionemos el dimensionado de imágenes para que se visualicen bien en los artículos de contenido de Joomla!, incorpora la posibilidad de poder imprimir dichas imágenes desde la ventana emergente en la que se muestre la misma mediante una llamada al plugin que explicamos más abajo.


Características más destacadas:

  • Permite mostrar: fotos, grupos de fotos, páginas, artículos, módulos, Flickr, Picasa, Photobucket, vídeos de Youtube o Vimeo, imágenes de S3 Amazon, contenido en línea con efectos lightbox.
  • Dispone de 6 temas: negro, blanco, new_black, new_white, spanish_black, spanish_white.
  • Dispone de un sencillo módulo (sólo hay que seleccionar los valores necesarios y se construye la galería).
  • Dispone de un plugin altamente personalizable.
  • Se pueden mostrar fotos de una carpeta local, se pueden mostrar las miniaturas en otra carpeta.
  • Puede mostrar fotos de Flickr y albums de fotos de Flickr (requiere la API de Flickr).
  • Puede mostrar álbumes de Photobucket.
  • Puede mostrar fotos de albums de Picasa.
  • Puede mostrar las páginas externas y artículos en una ventana lightbox.
  • Puede ser utilizado en una flypage de VirtueMart.
  • Posibilidad de mostrar una galería de imágenes remota (se requieren archivos adicionales a colocar en el servidor).
  • Soporta múltiples galerías en la página.
  • Soporte de Presentaciones.
  • Opciones de Carrusel/Image Slider.
  • Nube de Carrusel - autor-rotación de imágenes, reflejo de imagen.
  • Posibilidad de mostrar noticias y artículos de forma elegante.
  • Varias propiedades personalizables.
  • Puede ser modal o no.
  • Se puede mostrar la carga de la página en lightbox - Mostrar avisos.
  • Capacidad de visualización de miniaturas individuales y exposición en una galería completa en una ventana emergente después de hacer clic en la miniatura.
  • Soporte de internacionalización (idiomas).
  • Las vistas en miniatura pueden cambiar el tamaño, recortar, girar a cualquier ángulo, en escala de grises, etc.
  • Se pueden generar automáticamente imágenes en miniatura conservando el aspecto de radio y guardando en caché las imágenes generadas.
  • Viene con un botón de Editor para facilitar su uso.
  • Incorpora un Soporte rápido y fiable para versiones de pago.
  • Documentación en formato PDF disponible en línea.


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

Descargar la versión gratuita del módulo desde la web del autor.

Ver la versión de pago del módulo y plugin desde la web del autor.


La extensión dispone de un módulo que nos permite mostrar imágenes de galerías u otros contenidos de los anteriormente mencionados en una posición de la plantilla y un plugin para incrustar contenidos de imagenes, vídeos, etc., dentro de artículos de contenido de Joomla!.


Sintasix y ejemplos de uso del plugin:

Mostrar una imagen en ventana modal lightbox incluyendo el botón de imprimir para la imagen mostrada:

{ artsexylightbox path="images" print="true"}{/artsexylightbox }

Mostrar imágenes contenidas en una carpeta dentro de un artículo de contenido de Joomla!:

{ artsexylightbox path="images/mis_images"}{/artsexylightbox }

Mostrar una imagen en miniatura que al hacer clic se amplíe en una ventana modal usando la sentencia rel="sexylightbox":

{artsexylightbox image="image/imagen1.jpg" singleText="Imagen 1"}{artsexylightbox}

Mostrar una imagen individual en miniatura con imagen tamaño completo en lightbox y mostrar icono de impresión:

{artsexylightbox image="images/stories/mapa.jpg" thumbImage="images/stories/mapa_mini.jpg" print="true"}{/artsexylightbox}

Mostrar imágenes de una galería de Flickr:

{ artsexylightbox flickr="25357685@N04" flickrLargeImages="true" flickrNumberOfImages="7"}{/artsexylightbox }

Mostrar imágenes de una galería de imagenes de Picasa:

{ artsexylightbox picasaUser="PICASA_USER" picasaAlbum="PICASA_ALBUM"}{/artsexylightbox }

Mostrar imágenes de una carpeta local:

{ artsexylightbox path="images/mis_images"}{/artsexylightbox }

Mostrar un vídeo de Youtube:

< a href = "https://www.youtube.com/embed/EM7nW4wDtjo?&TB_iframe=true&height=600&width=800" rel = "sexylightbox"/ > Vídeo de ejemplo de Youtube < /a > { artsexylightbox color="new_white"}{/artsexylightbox }


Puedes encontrar más información y ejemplos (en inglés) descargando el PDF de documentación de Art Sexy Lightbox o visitando su Foro donde encontrarás muchos ejemplos documentados para la mayoría de casos de uso habituales.

En el siguiente vídeo ilustramos un ejemplo en el que utilizamos una llamada al plugin que nos permite mostrar el icono de "imprimir" en la ventana modal emergente para que se pueda imprimir la imagen mostrada.



Si necesitas mejorar las prestaciones de las imagenes que se muestran en tu sitio web, además de la forma en que se muestran, sin duda Art Sexy Lightbox 2.0 es una extensión bastante recomendada para conseguir efectos llamativos y funcionalidades que no siempre están disponibles de forma nativa en Joomla!.



¿Te ha resultado interesante este artículo?

Suscríbete para recibir consejos exclusivos para WordPress, Joomla y PrestaShop



Luis Méndez Alejo

Miembro del equipo técnico de Webempresa.
Coordinador de contenidos en el Blog y en Youtube.
Google+