14 Light box pour mettre vos images en avant

Le 16/07/2014

Dans Webdesign

Découvrez une liste de 14 light box qui joueront un rôle crucial dans la création de votre portfolio. Même si le terme peut sembler nouveau, vous avez probablement déjà rencontré ces fenêtres contextuelles surprenantes qui s'ouvrent au-dessus du contenu lorsque vous cliquez sur une image. Les light box peuvent faire ou défaire l'expérience de navigation d'un portfolio, mais avec cette sélection, vous aurez toutes les clés pour faire le bon choix. Explorez mes 4 favoris et bien d'autres pour créer un portfolio mémorable.

Je vous propose aujourd'hui de découvrir une collection de ressources sur la création d'une part importante de tout folio : les Light box.

Même si le nom ne vous parle pas, je suis sûr que vous avez déjà utilisé un light box sans le savoir : avez-vous déjà cliqué sur une image pour la voir s'ouvrir miraculeusement sur la même fenêtre, au-dessus du reste du contenu ? C'est cela, une light box !

Les light box font partie de ces petits éléments de web design qui peuvent détruire complètement la navigation d'un folio ou le rendre inoubliable si elles sont bien employées. Pour vous fournir toutes les clés pour bien choisir la vôtre, je vous propose de découvrir cette liste de 14 light box, en commençant par mes 4 favoris.

Intense

Intense est un light box full-page permettant de se déplacer sur l'image pour la voir en totalité.

Lightbox Intense

 

Fluidbox

Fluidbox est un light box mimant le système d'ouverture de médias de Medium.com

Fluidbox

CSS3Lightbox

Comme d'habitude avec Codrops, ce light box CSS3Lightbox est un exemple de fluidité et de simplicité.

Css3 lightbox

Fancybox

Fancybox n'est peut-être pas la plus originale des Light box, mais si vous cherchez un light box un peu simple c'est celle que je vous conseille.

Fancybox2

 

Et car tous les goûts sont dans la nature, je vous propose aussi de découvrir cette collection de 10 light box peut-être moins originales, mais tout aussi efficaces.

Bootstrap

Lightbox2

Lightbox2

Lightboxme

Responsive lightbox

Responsive lightbox

jQuery Lightbox

Jquery lightbox

Magnific popup

Magnific popup

Facebox

Facebox

Swipebox

Swipebox

Colorbox

Colorbox

Slimbox2

Slimbox2