Página principal » Caja de herramientas » 15 bibliotecas de lightbox para la capacidad de respuesta móvil

    15 bibliotecas de lightbox para la capacidad de respuesta móvil

    La caja de luz es una forma popular de superponer imágenes en la web. Cuando hace clic en una imagen, la caja de luz aparece con algún tipo de animación y atenúa el fondo para que su atención se centre en la imagen en sí. La imagen también es más grande en escala. Las bibliotecas de JavaScript de Lightbox más populares que hemos conocido durante años le permiten hacerlo bien en computadoras de escritorio, pero no tanto en plataformas móviles.

    Dejar de lado esto, y la necesidad de capacidad de respuesta, no es una buena idea hoy en día, por lo que esta colección de 15 bibliotecas de Lightbox receptivas debe verificarse.

    Más sobre Hongkiat:

    • Creando fácilmente una ventana modal con el diálogo HTML5
    • Las 10 mejores galerías de imágenes / presentaciones con capacidad de respuesta gratuitas
    • Cree, controle y personalice una mejor ventana modal para su sitio usando Vex
    • Galerías de imágenes y controles deslizantes de jQuery - Lo mejor de

    PhotoSwipe

    PhotoSwipe es, de lejos, mi plugin de ligthbox favorito. Es ligero, táctil y, lo que es más importante, modular, lo que me permite deshacerme de algunas piezas que no son necesarias. Se ejecuta muy bien en los navegadores móviles. Puede deslizar las imágenes con los dedos como lo haría en una aplicación nativa, y la transición se realiza de manera muy suave.

    • Dependencia: Ninguna
    • Soporte del navegador: IE8 +, Chrome, Firefox, Safari, Opera y un par de navegadores móviles.
    • Licencia: Licencia MIT

    MagnificPopup

    MagnificPopup es otro complemento de lightbox, desarrollado por la misma persona que nos dio PhotoSwipe, Dmitry Semenov. Viene en forma de un complemento de jQuery / Zepto, y también aporta capacidades que faltan en PhotoSwipe, como la compatibilidad con contenido de Video, Mapa y Ajax. Esta es una excelente alternativa para aquellos que prefieren tener más funciones a la mano..

    • Dependencia: jQuery 1.9.1+, o Zepto.js
    • Soporte del navegador: IE7 (parcialmente), IE8 +, Chrome, Firefox, Safari y Opera.
    • Licencia: Licencia MIT

    SwipeBox

    Swipebox es un complemento de jQuery con soporte de gestos táctiles para plataforma móvil. También admite videos de Youtube y Vimeo además de imágenes. Swipebox también es muy fácil de implementar y tiene varias opciones para personalizar su comportamiento. Creo que Swipebox es un excelente complemento de lightbox para JavaScript noobs.

    • Dependencia: jQuery
    • Soporte del navegador: IE9 +, Chrome, Safari, Firefox, Opera, IOS4 +, Android y Windows Phone.
    • Licencia: Indefinido

    iLightbox

    iLighbox es un complemento de jQuery lightbox con una amplia gama de tipos de medios: incluyendo videos, Flash / SWF, contenido Ajax, iframe y mapas. Este complemento también agrega botones de redes sociales en la parte superior de los medios, lo que permite a los usuarios compartirlo en Facebook, Twitter o Reddit. También puedes ver la sección avanzada para ver cómo se puede aplicar iLightbox en diferentes escenarios.

    • Dependencia: jQuery
    • Soporte del navegador: IE7 +, Chrome, Firefox, Safari y Opera
    • Licencia: Indefinido

    Caja de luz para Bootstrap

    Caja ligera Es una de las piezas que faltan de Bootstrap. Este plugin arregla eso. Si está utilizando Bootstrap, le recomiendo usar esta biblioteca. El complemento está bien integrado con la base de código de Bootstrap.

    • Dependencia: jQuery y Bootstrap Modal
    • Soporte del navegador: IE8 +, Chrome, Firefox, Safari y Opera
    • Licencia: Licencia GNU

    Nivo Lightbox

    Nivo Lightbox es un plugin de lightbox flexible. Se incluyen varias opciones para cambiar la apariencia en la forma en que desea que aparezca, como cambiar el tema, el efecto de transición y cambiar la navegación.

    • Dependencia: jQuery
    • Soporte del navegador: IE9 +, Chrome, Firefox, Safari y Opera
    • Licencia: Licencia MIT

    ImageLightbox

    ImageLightbox es un plugin lightbox sin la hinchazón. Se ha creado especialmente para la imagen, por lo que se le da el nombre, no se admiten videos ni otro tipo de medio. Tampoco requiere marcado HTML extraño; la El elemento es suficiente. El plugin simplemente funciona.

    • Dependencia: jQuery
    • Soporte del navegador: IE9 +, Chrome, Firefox, Safari y Opera
    • Licencia: Indefinido

    Mini Lightbox

    Otro plugin lightbox sin nada de la hinchazón. La biblioteca solo tiene 2kb y solo funciona con imágenes. Es el complemento perfecto si solo designas para el último navegador y no necesitas superponer otros tipos de medios como videos.

    • Dependencia: Ninguna
    • Soporte del navegador: IE10 +, Chrome, Firefox, Safari y Opera
    • Licencia: Licencia MIT

    LightCase

    Lightcase es un plugin de lightbox encantador. Viene con varias animaciones que hacen que la interacción del usuario cobre vida, como el desvanecimiento, el zoom elástico y el desplazamiento. Además, también es compatible con varios tipos de medios, incluyendo incrustaciones de YouTube, videos HTML, SWF y formularios de entrada. El complemento también maneja correctamente los medios no se puede alcanzar o se encontraron errores

    • Dependencia: jQuery
    • Soporte del navegador: IE9 +, Chrome, Firefox, Safari y Opera
    • Licencia: Licencia GPL

    Yalb

    Yalb significa Yet Another Lightbox, pero no lo es. Yalb viene con un puñado de API que incluyen eventos personalizados que le permiten identificar los estados de la caja de luz, como cuando abierto y cuando es cerrar. Yalb viene en dos versiones, JavaScript de vainilla y jQuery plugin.

    • Dependencia: Ninguna
    • Soporte del navegador: IE9 +, Chrome, Firefox, Safari y Opera
    • Licencia: Licencia MIT

    Ligero como una pluma

    Los 6kb Ligero como una pluma es un plugin simple para desarrolladores inteligentes y solo contiene lo esencial. Si necesita, por ejemplo, agrupar la caja de luz de la imagen en una galería, puede incluir la extensión de la galería. También puede desarrollar su propia extensión para que este complemento se ajuste a las necesidades de su proyecto..

    • Dependencia: jQuery
    • Soporte del navegador: IE8 +, Chrome, Firefox, Safari y Opera
    • Licencia: Licencia MIT

    LightLayer

    LightLayer es un complemento de lightbox fácil de usar. Tiene un puñado de opciones, métodos de JavaScript personalizados y eventos personalizados. El complemento funciona con imágenes, videos, mapas y contenido externo. ¿Qué más podemos pedir?.

    • Dependencia: jQuery
    • Soporte del navegador: IE9 +, Chrome, Firefox, Safari y Opera
    • Licencia: Licencia MIT

    Galeria de luz

    Galeria de luz, Otro plugin de lightbox con muchas características añadidas. Viene con más de 20 opciones para personalizar los detalles más pequeños de la caja de luz.

    • Dependencia: jQuery
    • Soporte del navegador: IE7 +, Chrome, Firefox, Safari, Opera, iOS, Android y Windows Phone
    • Licencia: Licencia MIT

    FluidBox

    Caja de fluidos es un complemento de lightbox de imagen inspirado en Medium. Funciona con imágenes en diversas circunstancias, incluida una imagen flotante, una imagen con absoluto Posición, imágenes que tienen borde y relleno, y galerías. Echa un vistazo a cómo fue construido. Si necesitas un plugin de WordPress, hay uno.

    • Dependencia: jQuery
    • Soporte del navegador: IE9 +, Chrome, Firefox, Safari, Opera
    • Licencia: Licencia MIT

    StripJS

    StripJS es un complemento de lightbox único. En lugar de superponer la imagen, el complemento desliza las imágenes desde un lado para que no bloquee todo el contenido. StripJS soporta tanto imagen como video.

    • Dependencia: jQuery
    • Soporte del navegador: IE7 +, Chrome, Firefox, Safari, Opera, iOS 5+ y Android 3+
    • Licencia: Licencia Creative Commons BY-NC-ND 3.0