Abrir imágenes en Lightbox

2 comentarios

Por: Caribdis.Net

Publicada: 14 de abril de 2015

¿Qué es Lightbox?

En pocas palabras, un Lightbox es una clase de ventana emergente, que se superpone al contenido de un sitio y muestra, en la mayoría de los casos, una imagen ampliada. El foco se asienta sobre la imagen, y se oscurece el resto de la página, aunque en los costados aún permanece visible de cierto modo.

¿Cómo funciona Lightbox?

Lightbox puede obtenerse gracias a JavaScript, jQuery o CSS3, o alguna combinación de los tres. Se basa en un elemento gráfico de control, conocido también como ventana modal, para mostrar imágenes y otros archivos multimedia. Esto se logra con una estructura primaria/secundaria. Es decir, se abre una ventana secundaria que oscurece la ventana primaria, cuyo contenido apenas queda visible en los costados. En el momento en que el usuario “dispara” la ventana secundaria, su interacción con la ventana primaria queda en suspenso, hasta que cierre el Lightbox y vuelva a la página que estaba visitando.

¿Por qué usar Lightbox?

Porque es una manera muy efectiva y vistosa de presentar imágenes y/o productos. En ocasiones también son muy útiles para mostrar un formulario de suscripción, un vídeo, un carrusel de fotos, etc., con un estilo elegante y funcional, sin necesidad de abrir nuevas pestañas o abandonar la página que se estaba viendo.rlightbox

¿Qué Lightbox recomendamos?

Responsive Lightbox, por dFactory. Fácil de usar, con muchísimas opciones y adaptable a cualquier resolución de pantalla.

Características que incluye:

  • Cinco scripts distintos para seleccionar (SwipeBox, prettyPhoto, FancyBox, Nivo Lightbox, Image Lightbox)
  • Añade Lightbox automáticamente a las galerías de imágenes de WordPress
  • Añade Lightbox automáticamente a los enlaces de imágenes de WordPress
  • Añade Lightbox automáticamente a los enlaces de vídeo de WordPress (YouTube, Vimeo)
  • Opción para mostrar imágenes de entradas individuales como una galería
  • Opción para modificar el tamaño de las imágenes de la galería nativa de WordPress
  • Opción para lanzar Lightbox en eventos jQuery personalizados
  • Elegir un selector personalizado (por ejemplo rel=”lightbox” o rel=”algodistinto”)
  • Ajustes con personalización completa para cada script de Lightbox
  • Suporte para multisitio
  • Filtro de hooks para incrustar diferentes scripts basados en cualquier condición personalizada (página, entrada, categoría, ID de usuario, etc.)
Ajustes generales del plugin. Cada script tiene sus respectivas opciones, en la pestaña Ajustes de Lightbox

Ajustes generales del plugin. Cada script tiene sus respectivas opciones, en la pestaña Ajustes de Lightbox

Descargar los archivos de traducción aquí.

Caribdis.Net
Últimas entradas de Caribdis.Net (ver todo)

Se responden dudas o consultas de los lectores acerca del contenido de esta publicación únicamente en su respectiva sección de comentarios. Así que asegúrate de suscribirte a las respuestas para recibirlas en tu casilla de correo electrónico (podrás cancelar la suscripción cuando lo desees). Con la suscripción al blog, recibirás en tu correo únicamente las nuevas entradas que se publiquen.

Ten en cuenta que muchas de las preguntas ya fueron respondidas en distintas entradas; recuerda que puedes usar el buscador de la barra lateral, y Ctrl+F para buscar texto dentro de una página.

Esta u otras entradas pueden contener enlaces de afiliado. Esto significa que si usas un enlace para adquirir algún producto recomendado, recibiremos una comisión de afiliados, la cual no te generará ningún costo adicional.

2 Comentarios

  1. Ivan

    Hola! vi que hiciste varias traducciones de plugins de WP. Si te interesa que formen parte de los plugins podes subir las traducciones en translate.wordpress.org.
    Por ejemplo, para este plugin las tendrías que enviar acá: https://translate.wordpress.org/projects/wp-plugins/responsive-lightbox/stable/es/default

    Los Project Translation Editors (PTE) pueden importar todo un .po directamente, que en tu caso sería lo más fácil. Para eso tendrías que contactar al autor del plugin. Yo soy PTE de varios plugins para es_ES.

    Saludos!

    Responder
    • Caribdis Diseño Web

      Hola, Iván.

      Muchas gracias por el dato, lo tendré en cuenta.

      Saludos. 🙂

      Responder

Enviar comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Pin It en Pinterest

Compartir esto

Compartir es agradecer

Si esta publicación te resultó útil, puedes compartirla y ayudar a otros. ¡Gracias!