Page d'accueil » Boîte à outils » 15 bibliothèques Lightbox pour une réactivité mobile

    15 bibliothèques Lightbox pour une réactivité mobile

    La visionneuse est un moyen populaire de superposer des images sur le Web. Lorsque vous cliquez sur une image, la visionneuse apparaît avec une forme d'animation et atténue l'arrière-plan afin de vous concentrer sur l'image elle-même. L'image est aussi plus grande. La plupart des bibliothèques JavaScript Lightbox connues que nous connaissons depuis des années vous permettent de le faire bien sur un ordinateur de bureau, mais pas tellement sur des plates-formes mobiles..

    Négliger cela et le besoin de réactivité n'est pas une bonne idée de nos jours. C'est pourquoi cette collection de 15 bibliothèques Lightbox sensibles doit être extraite..

    Plus sur Hongkiat:

    • Créer facilement une fenêtre modale avec la boîte de dialogue HTML5
    • Top 10 des galeries d'images / diapositives gratuites
    • Créer, contrôler et personnaliser une meilleure fenêtre modale pour votre site avec Vex
    • jQuery Galeries d’images et curseurs - Best Of

    PhotoSwipe

    PhotoSwipe est de loin mon plugin préféré de ligthbox. Il est léger, tactile et surtout modulaire, ce qui me permet d’abandonner quelques éléments inutiles. Il fonctionne bien dans les navigateurs mobiles. Vous pouvez faire défiler les images avec vos doigts comme vous le feriez dans une application native, et la transition se déroulera vraiment en douceur.

    • Dépendance: Aucun
    • Prise en charge du navigateur: IE8 +, Chrome, Firefox, Safari, Opera et quelques navigateurs mobiles.
    • Licence: Licence MIT

    MagnificPopup

    MagnificPopup est un autre plugin lightbox, développé par la même personne que celle qui nous a fourni PhotoSwipe, Dmitry Semenov. Il se présente sous la forme d'un plug-in jQuery / Zepto et apporte également des fonctionnalités qui manquent dans PhotoSwipe, telles que la prise en charge du contenu Video, Map et Ajax. C'est une excellente alternative pour ceux qui préfèrent avoir plus de fonctionnalités à portée de main.

    • Dépendance: jQuery 1.9.1+ ou Zepto.js
    • Prise en charge du navigateur: IE7 (partiellement), IE8 +, Chrome, Firefox, Safari et Opera.
    • Licence: Licence MIT

    SwipeBox

    Swipebox est un plugin jQuery avec prise en charge des gestes tactiles pour la plate-forme mobile. Il prend également en charge les vidéos de Youtube et Vimeo en dehors des images. Swipebox est également très facile à mettre en œuvre et dispose de quelques options pour personnaliser son comportement. Je pense que Swipebox est un excellent plugin lightbox pour JavaScript noobs.

    • Dépendance: jQuery
    • Prise en charge du navigateur: IE9 +, Chrome, Safari, Firefox, Opera, IOS4 +, Android et Windows Phone.
    • Licence: Indéfini

    iLightbox

    iLighbox est un plugin jQuery lightbox prenant en charge de nombreux types de supports: vidéos, Flash / SWF, contenu Ajax, iframe et maps. Ce plugin ajoute également des boutons de médias sociaux au-dessus des médias, permettant à vos utilisateurs de les partager sur Facebook, Twitter ou Reddit. Consultez également la section avancée pour voir comment iLightbox peut être appliqué à différents scénarios..

    • Dépendance: jQuery
    • Prise en charge du navigateur: IE7 +, Chrome, Firefox, Safari et Opera
    • Licence: Indéfini

    Lightbox pour Bootstrap

    Boite à lumière est l’une des pièces manquantes de Bootstrap. Ce plugin corrige ça. Si vous utilisez Bootstrap, je vous recommande vivement d'utiliser cette bibliothèque. Le plugin est bien intégré à la base de code de Bootstrap.

    • Dépendance: jQuery et Bootstrap Modal
    • Prise en charge du navigateur: IE8 +, Chrome, Firefox, Safari et Opera
    • Licence: Licence GNU

    Nivo Lightbox

    Nivo Lightbox est un plugin flexible lightbox. Plusieurs options sont incluses pour modifier l'apparence de votre choix, telles que le changement de thème, l'effet de transition et le changement de navigation..

    • Dépendance: jQuery
    • Prise en charge du navigateur: IE9 +, Chrome, Firefox, Safari et Opera
    • Licence: Licence MIT

    ImageLightbox

    ImageLightbox est un plugin lightbox sans le gonflement. Il est spécialement conçu pour l'image d'où le nom donné - aucune vidéo ou autre type de support pris en charge. De plus, il ne nécessite pas de balisage HTML inutile; la l'élément est suffisant. Le plugin fonctionne.

    • Dépendance: jQuery
    • Prise en charge du navigateur: IE9 +, Chrome, Firefox, Safari et Opera
    • Licence: Indéfini

    Mini Lightbox

    Un autre plugin lightbox avec rien du bloat. La bibliothèque ne fait que 2 Ko et ne fonctionne qu'avec des images. C'est le plugin idéal si vous ne choisissez que la dernière version du navigateur et que vous n'avez pas besoin de superposer d'autres types de média, tels que des vidéos..

    • Dépendance: Aucun
    • Prise en charge du navigateur: IE10 +, Chrome, Firefox, Safari et Opera
    • Licence: Licence MIT

    LightCase

    Lightcase est un charmant plugin lightbox. Il est livré avec plusieurs animations qui rendent l'interaction utilisateur vivante, comme le fondu, le zoom élastique et le défilement. En outre, il prend également en charge divers types de supports, notamment Youtube, les vidéos HTML, les fichiers SWF et les formulaires de saisie. Le plugin gère également correctement les médias ne peut pas être atteint ou trouvé des erreurs

    • Dépendance: jQuery
    • Prise en charge du navigateur: IE9 +, Chrome, Firefox, Safari et Opera
    • Licence: Licence GPL

    Yalb

    Yalb signifie Yet Another Lightbox - mais ce n'est pas le cas. Yalb est livré avec une poignée d’API, y compris des événements personnalisés, qui vous permettent d’identifier les états de la visionneuse, tels que ouvrir et quand c'est Fermer. Yalb est disponible en deux versions, JavaScript vanille et le plugin jQuery.

    • Dépendance: Aucun
    • Prise en charge du navigateur: IE9 +, Chrome, Firefox, Safari et Opera
    • Licence: Licence MIT

    Légère comme une plume

    Le 6kb Légère comme une plume est un plugin destiné aux développeurs avertis et ne contient que l'essentiel. Si vous avez besoin, par exemple, de regrouper des images lightbox dans une galerie, vous pouvez inclure l'extension de la galerie. Vous pouvez également développer votre propre extension pour ce plugin pour répondre aux besoins de votre projet..

    • Dépendance: jQuery
    • Prise en charge du navigateur: IE8 +, Chrome, Firefox, Safari et Opera
    • Licence: Licence MIT

    LightLayer

    LightLayer est un plugin lightbox facile à utiliser. Il comporte une poignée d'options, des méthodes JavaScript personnalisées et des événements personnalisés. le plugin fonctionne avec des images, des vidéos, des cartes et du contenu externe. Que pouvons-nous demander de plus.

    • Dépendance: jQuery
    • Prise en charge du navigateur: IE9 +, Chrome, Firefox, Safari et Opera
    • Licence: Licence MIT

    LightGallery

    LightGallery, un autre plugin lightbox avec beaucoup de fonctionnalités ajoutées. Il est livré avec plus de 20 options pour personnaliser le moindre détail de la visionneuse.

    • Dépendance: jQuery
    • Prise en charge du navigateur: IE7 +, Chrome, Firefox, Safari, Opera, iOS, Android et Windows Phone
    • Licence: Licence MIT

    FluidBox

    Fluidbox est un plugin d'image lightbox qui s'inspire de Medium. Il fonctionne avec des images dans diverses circonstances, y compris une image flottante, une image avec absolu position, les images qui ont une bordure et un rembourrage et des galeries. Découvrez comment il a été construit. Si vous avez besoin d’un plugin WordPress, il y en a un.

    • Dépendance: jQuery
    • Prise en charge du navigateur: IE9 +, Chrome, Firefox, Safari, Opera
    • Licence: Licence MIT

    StripJS

    StripJS est un plugin lightbox unique. Plutôt que de superposer l'image, le plug-in fait glisser les images depuis le côté, de sorte qu'il ne bloque pas tout le contenu. StripJS prend en charge l'image et la vidéo.

    • Dépendance: jQuery
    • Prise en charge du navigateur: IE7 +, Chrome, Firefox, Safari, Opera, iOS 5+ et Android 3+
    • Licence: Licence Creative Commons BY-NC-ND 3.0