Galerie de l'espace galerie d'images 3D dans jquery. Galerie d'images dans jQuery. Galerie simple et jolie faite avec CSS, pas de scripts

c class \u003d "fotorama".

Cela ressemble à ceci:

Ou comme ceci (la numérotation des liens est facultative):

1 3 4

Exemples de paramètres Fotorama

Dimensions du conteneur

La taille du bloc du cadre photo est la taille de la première image, les autres images sont mises à l'échelle proportionnellement à la première. Pour corriger cette situation, vous pouvez spécifier les dimensions manuellement.

Il existe également d'autres paramètres:

Data-width \u003d "98%" // largeur relative data-ratio \u003d "800/600" // rapport hauteur / largeur data-minwidth \u003d "420" // min. width data-maxwidth \u003d "900" // max. width data-minheight \u003d "320" // min. height data-maxheight \u003d "100% // hauteur relative max. data-height \u003d" 100% // hauteur relative

Miniatures

Data-nav \u003d "thumbs" est responsable des vignettes

Mais cette méthode n'est pas très efficace, puisque le script doit charger toutes les photos à la fois pour générer des vignettes, il serait donc plus rationnel de préparer de petites copies des images à l'avance. WordPress rend automatiquement les vignettes, nous les utiliserons. Ajoutez -70x70 au nom de fichier pour obtenir un lien vers la vignette (https: //site/wp-content/uploads/2017/11/27ltl9eRXk.jpg → https: //site/wp-content/uploads/2017/11/27ltl9eRXk-70x70.jpg).

La miniature par défaut est 64 x 64. Vous pouvez ajuster ce paramètre à l'aide de data-thumbwidth (largeur) et de data-thumbheight (hauteur). Si vous souhaitez que la vignette ait sa propre taille, définissez les paramètres de largeur et de hauteur pour le fichier de vignette:

Code HTML + Fotorama

Le cadre photo gère parfaitement HTML et CSS, ce qui étend considérablement les fonctionnalités du script. Travaillez avec des liens, des blocs, des tableaux, des paragraphes, écrivez du CSS, etc. Voici quelques exemples du fonctionnement de la galerie. Si la partie visuelle n'est pas affichée, cliquez sur le bouton "Résultat".

Afficher / masquer des exemples

Voir le Pen ooppwb par Ivanov Klim (@DreamerKlim) sur CodePen.

Voir le Pen aVEEVb par Ivanov Klim (@DreamerKlim) sur CodePen.

Mode plein écran

data-allowfullscreen \u003d "true" // dans la fenêtre du navigateur data-allowfullscreen \u003d "native" // moniteur complet

Il est possible d'ajouter un grande image pour le mode plein écran via plein de données:

Autre

données-autoplay \u003d "true" // autoplay data-autoplay \u003d "3000" // intervalle entre les diapositives en ms data-caption \u003d "One" // commentaires pour les images data-keyboard \u003d "true" // navigation par flèche data-shuffle \u003d "true" // les images ne sont pas en ordre data-navposition \u003d "top" // vignettes en haut boucle de données \u003d "true" // défilement cyclique Essayons de tout connecter et ajoutons une vidéo

Bonjour à tous!
Lors de la création d'un nouveau projet Web, les développeurs de tous horizons sont souvent intéressés par la question de savoir comment présenter différents types d'images à leurs utilisateurs, qu'il s'agisse de photographies ou d'ensembles d'images. Pour cela, les esprits curieux de l'espace en ligne, pour la plupart, bien sûr, cet espace est "bourgeois", recherchent de plus en plus de solutions pour créer des diaporamas et des galeries de photos spectaculaires, colorés et surtout fonctionnels. Pour la plupart, ils sont ajustés par les développeurs à la conception du modèle du projet Web en cours de création, ou sous la forme de plugins et de modules pour un moteur de gestion de site spécifique. Il vaut la peine de regarder des modèles modernes car pas un seul thème, à de rares exceptions près, n'est complet sans une sorte de curseur de plug-in ou un simple rotateur d'image. Il est donc compréhensible que de nombreux développeurs Web souhaitent obtenir quelque chose comme ça dans leur arsenal et surprendre pleinement leurs lecteurs, présentant efficacement des images sur leurs sites.

Poursuivant la série de critiques de nouvelles solutions que j'ai commencées, j'ai décidé de rassembler une collection plus complète de diaporamas et de galeries de photos intéressants et efficaces que j'ai jamais vus, créés en utilisant la magie de jQuery.
Je tiens à vous avertir tout de suite que les ressources qui seront discutées dans la revue sont principalement en anglais, mais je pense que ceux qui en ont besoin, ils le trouveront intuitivement ou avec l'aide de traducteurs, dont il y a un sou une douzaine. Et si vous regardez bien, vous pouvez trouver des descriptions de la technique de création de galeries et de curseurs en russe, car beaucoup de nos développeurs Web traduisent en cours de travail sur un projet particulier d'abord pour eux-mêmes, puis publient des descriptions détaillées de toutes leurs manipulations pour un accès gratuit. ...
Par exemple, j'ai fait la même chose, à un moment en travaillant sur le mécanisme de création, au début j'ai trouvé une version galerie qui me convenait dans la bourgeoisie, je l'ai traduite pour une meilleure compréhension de ce que je faisais, et plus tard, j'ose espérer, pas un mauvais article sur l'utilisation du script Highslide, avec des exemples de travail dans diverses variantes d'application.
Et donc, assez de paroles inutiles, passons directement à la revue, regardez, lisez de brèves explications et choisissez parmi un grand nombre de nouveaux plugins et scripts jQuery pour implémenter des curseurs d'images intéressants, des galeries de photos, des diaporamas sur vos sites: avec changement automatique et manuel diapositives, curseurs d'image d'arrière-plan, avec et sans vignettes, etc. etc...

Of.site | Démo

Une galerie d'images jQuery complète et personnalisable avec des éléments de diaporama, des effets de transition et plusieurs options d'album. Compatible avec tous les navigateurs de bureau et mobiles modernes.

Un guide pour créer une galerie plein écran basée sur jQuery. L'idée est d'avoir une vignette de l'image plein écran affichée sur le côté, avec une réflexion lorsque vous vous déplacez à travers les images à l'aide des flèches ou de la souris kokeshik. Les grandes images changent de style de diaporama vers le haut ou vers le bas en fonction de la transition que vous choisissez. La possibilité de redimensionner l'image, ce qui rend l'image en arrière-plan pour la visualisation en mode plein écran ou l'adapter à la taille de la page

Curseur de parallaxe

Curseur de parallaxe une solution intéressante pour organiser l'affichage des images sous la forme d'un diaporama avec des commandes manuelles. Attire le placement d'origine des miniatures des images. Le site officiel a une mise en page complète pour intégrer et configurer le curseur.

Galerie de diaporamas minimaliste avec jQuery une excellente galerie d'images avec des éléments de changement d'image automatique, ainsi que la possibilité de contrôler manuellement l'affichage et la sélection d'images à partir d'un bloc déroulant avec une grille de vignettes. Parmi les inconvénients, nous pouvons noter le manque de visualisation d'images à grande échelle, mais c'est le minimalisme de cette galerie.

Il s'agit d'un diaporama plein écran avec des images changeantes automatiquement, sans effets époustouflants, tout est simple et de bon goût.

Réduire la galerieest un plugin jQuery hautement personnalisable avec un grand choix de transitions d'images. Avec l'aide de la galerie Minimit, vous pouvez organiser une démonstration d'images sous la forme d'un carrousel, d'un diaporama, d'un simple rotateur et d'un simple retournement d'image.

Est un petit plugin jQuery (2 Ko) qui fournit un moyen simple et sans fioritures d'afficher des images sous forme de diaporama.

Est une galerie javascript accrocheuse, avec des commandes intuitives et une compatibilité transparente sur tous les ordinateurs, iPhones et appareils mobiles. Très facile à installer et à configurer

Contrairement à de nombreux curseurs d'images Javascript et jQuery, Slider.js est une solution hybride, basée sur des transitions CSS3 efficaces et des animations.

Il s'agit d'un modèle d'une page pour créer diverses présentations en HTML5 et CSS3.

Diapo diaporama est un projet open source. Vous pouvez suggérer des modifications ou des améliorations si vous le souhaitez. Vous pouvez le télécharger et l'utiliser gratuitement, ainsi que rien ni personne ne se soucie d'utiliser ce curseur dans vos projets. Le curseur est facilement personnalisable, des transitions intéressantes entre le contenu présenté, et vous pouvez placer n'importe quoi dans le curseur, cela fonctionne assez rapidement, sans aucun jambage.

N'est rien de plus qu'un autre outil pour créer des diaporamas sur des sites Web et d'autres projets Web. Prise en charge par tous les navigateurs modernes, animation horizontale et verticale, prise en charge des transitions personnalisées, API de rappel, etc. Vous pouvez utiliser tous les éléments html dans les diapositives, compréhensibles et accessibles pour les débutants, distribués entièrement gratuitement.

Diaporama JavaScript pour le développement Agile

Implémentez vos diaporamas avec ce plugin jQuery génial. Un outil hautement personnalisable pour que vous puissiez créer votre présentation de contenu en fonction de vos besoins. Un format de données est utilisé pour faciliter l'intégration avec des données externes ou des données de votre CMS. Ceci est une nouvelle version et écrite à partir de zéro. Les développeurs ont essayé de décrire l'ensemble du processus de travail avec leur idée originale d'une manière extrêmement claire et intelligible.

- Plugin jQuery qui vous permet de convertir des listes non ordonnées en diaporamas avec des effets d'animation attrayants. Dans un diaporama, vous pouvez afficher une liste de diapositives, soit en utilisant des chiffres ou des miniatures, soit en utilisant les boutons Précédent et Suivant. Le curseur a de nombreux types d'animation originaux, y compris un cube (avec différentes sous-espèces), un tuyau, un bloc, etc.

Un ensemble complet d'outils pour organiser toutes sortes de présentations de contenus variés sur vos projets web. Les bourgeois ont fait de leur mieux, inclus dans le clip, presque toutes sortes de curseurs et galeries variés utilisant la magie de jQuery. Curseur de photos, galerie de photos, diaporama dynamique, carrousel, curseur de contenu, menu d'onglets et bien plus encore, en général, il y a un endroit où notre imagination irrépressible peut errer.

Il s'agit d'un plugin de diaporama jQuery conçu dans un souci de simplicité. Doté uniquement de l'ensemble de fonctions le plus utile, à la fois pour les débutants et les développeurs avancés, offrant la possibilité de créer des diaporamas simples, mais en même temps très efficaces et conviviaux.

- un slider aussi simple construit sur jQuery, simple à tous égards, ne nécessite pas de compétences particulières, je pense que beaucoup seront utiles pour la mise en œuvre de diaporamas sur leurs sites. Le plugin a été testé dans tous les navigateurs modernes, y compris l'IE plus lent.

jbgallery est une sorte de widget d'interface utilisateur écrit en javascript de la bibliothèque jQuery. Sa fonction est d'afficher une grande image comme arrière-plan du site en mode plein écran, plusieurs images sous forme de curseur. Tous les modes d'affichage ont des commandes d'affichage. Une solution intéressante à sa manière, là où elle n'est même pas standard.

C'est un plugin jQuery facile à utiliser pour afficher vos photos sous forme de diaporama avec des effets de transition entre les images (vues et plus intéressantes). jqFancyTransitions est compatible et largement testé avec Safari 2+, Internet Explorer 6+, Firefox 2+, Google Chrome 3+, Opera 9+.

Est un plugin jQuery freeware pour visualiser des images et toute autre information sous la forme d'une "lightbox". Popup avec commandes, fond ombré et tout, simple et de bon goût.

Un autre plugin jQuery de la série Lightbox, bien qu'il pèse de manière honteuse (9 Ko), alors qu'il a un tas de possibilités avec lesquelles travailler. Il existe une interface décemment conçue que vous pouvez toujours améliorer ou personnaliser avec CSS.

Déjà à partir du nom, il devient clair qu'il n'y a rien d'extraordinaire, nous avons un défilement d'image automatique très simple, avec des commandes complètement absentes. Qui sait, peut-être juste par son minimalisme, ce curseur attirera votre attention.

Rotateur d'image avec différents types de transitions. Il fonctionne à la fois en mode automatique et au clic, il se configure assez facilement.

- une galerie d'images à part entière plutôt qu'un simple curseur. Aperçu des vignettes et possibilité de choisir l'effet de transition, prise en charge complète de tous les navigateurs, description détaillée de l'intégration dans un projet Web et distribution gratuite.

Il s'agit d'une implémentation de diaporamas prêts à l'emploi utilisant scriptaculous / prototype ou jQuery. Horinaja est une sorte de solution innovante, car elle permet d'utiliser la molette pour faire défiler le contenu placé dans le curseur. Lorsque le pointeur de la souris est en dehors de la zone du diaporama, la modification se produit automatiquement, lorsque le pointeur est placé sur le diaporama, le défilement s'arrête.

Une fonctionnalité d'une série des plus simples défileurs d'images, bien qu'avec la présence de commandes de visualisation, respectivement, fonctionne à la fois en modes automatique et manuel.

s3Slider - Le plugin jQuery, crée un diaporama à partir d'une liste d'images non ordonnée et peut être facilement implémenté sur n'importe quel site Web.

Il s'agit d'un plugin jQuery optimisé pour gérer de gros volumes de photos tout en conservant la bande passante.

Fond de Vegas

Le plugin Vegas Background jQuery vous permet d'ajouter de belles images d'arrière-plan en plein écran à vos pages Web, le tout avec des éléments de diaporama. Si vous étudiez attentivement les subtilités de l'utilisation du plugin, vous pouvez bien sûr trouver de nombreuses solutions intéressantes, si seulement vous en avez besoin.

- un curseur en tant que curseur, ni plus, ni moins, avec des légendes pour les images ou des annonces d'articles et des contrôles simples, en utilisant la méthode du "typage".

Est un JavaScript léger (environ 5 Ko) pour organiser la visualisation des images. Redimensionnement et mise à l'échelle automatiques des grandes images, vous permet de visualiser l'image en taille réelle dans la fenêtre du navigateur

PikaChoose jQuery Image Gallery Version 4 est disponible! Pikachoose est un diaporama jQuery léger avec de superbes fonctionnalités! L'intégration avec Fancybox, d'excellents thèmes (mais pas gratuits) et bien plus encore sont proposés par les développeurs de plugins.

Vérifie le nombre d'images de votre liste et crée de manière dynamique un ensemble de liens photo sous forme de navigation numérique. De plus, cliquer sur chaque image fera avancer ou reculer, et vous pouvez également parcourir les images en fonction de la zone de clic sur l'image (par exemple: cliquer sur le côté gauche de l'image déplacera les diapositives d'avant en arrière, respectivement, pour le côté droit de l'image).

Un autre curseur jQuery qui s'intègre parfaitement dans n'importe quel modèle WordPress.

Autre développement de "Nivo", comme tout ce que font les gars de ce studio, le plug-in est fait avec une haute qualité, contient 16 effets de transition uniques, une navigation au clavier et bien plus encore. Cette version inclut un plugin dédié directement pour WordPress. Donc, pour tous les fans de ce moteur de blogs, Nivo Slider conviendra parfaitement au thème.

plugin jQuery qui vous permet de créer rapidement un curseur simple, efficace et beau pour des images de toutes tailles.

Piroboxest un script jQuery "lightbox" léger, la visualisation s'effectue dans un bloc popup qui s'ajuste automatiquement à la taille de l'image, avec tous les contrôles.

Les créateurs de cette galerie proposent une présentation assez originale des images. Les images sont affichées sous forme de vignettes sous forme de vague, lorsque vous cliquez sur la vignette, nous contemplerons une version de taille moyenne de l'image, cliquez une seconde fois et vous aurez une grande image. Vous pouvez considérer cela comme une expérience, mais vous devez admettre que quelque chose de nouveau et d'inhabituel est toujours intéressant.

Diaporama plein écran avec HTML5 et jQuery

Pour créer des diaporamas et afficher des images en mode plein écran, les développeurs ont utilisé le plugin Vegas jQuery déjà familier à vous, qui contient de nombreuses idées et techniques précédemment décrites en détail dans les articles du groupe. Attiré par la présence d'éléments audio HTML5 et le style d'exécution des transitions entre les images.

Autre développement de l'équipe Codrops, une galerie d'images à part entière et fonctionnelle, cependant, quel est l'intérêt de décrire, il faut le voir.

Diaporama d'images, les images disparaissent juste devant vos yeux, l'effet est incroyable.

Est un framework JavaScript pour une galerie d'images construite au-dessus de la bibliothèque jQuery. L'objectif est de simplifier le processus de développement d'une galerie d'images professionnelle pour le Web et les appareils mobiles. Possibilité de visualiser en fenêtre pop-up et en mode plein écran.

Tranquillement, nous commençons à nous y habituer et attendons de nouveaux travaux de l'équipe Codrops. Veuillez obtenir un excellent curseur d'image avec un excellent effet de transition 3D pour afficher les images en mode plein écran.

Un autre plugin WordPress dans la série des organisateurs de diaporamas. S'intègre facilement dans presque tous les designs et offre de nombreuses options de personnalisation pour les utilisateurs expérimentés ainsi que pour les utilisateurs inexpérimentés.

Un autre plugin écrit pour WordPress facilitera grandement l'organisation d'un diaporama d'images ou de tout autre contenu sur vos blogs.

Beau plugin de diaporama pour l'intégration WordPress. Xili-floom-diaporama est installé automatiquement et les paramètres personnels sont également autorisés.

Slimbox2 est un plugin WordPress bien établi pour l'affichage d'images avec effet "Lightbox". Prend en charge le diaporama automatique et le redimensionnement d'image dans la fenêtre du navigateur. Quoi qu'il en soit, ce plugin présente de nombreux avantages par rapport aux autres plugins de cette série.

Ce plugin, widget vous permet de créer des diaporamas et des présentations dynamiques et gérables pour votre site Web ou blog WordPress

Ce plugin WordPress convertit les images intégrées à la galerie en un diaporama simple et flexible. Le plugin utilise le curseur d'image FlexSlider jQuery et les préférences personnelles de l'utilisateur.

Est un plugin WordPress pour organiser des diaporamas de photos, des images de SmugMug, Flickr, MobileMe, Picasa ou Photobucket RSS, fonctionne et affiche en utilisant du Javascript pur.

Un simple curseur comme celui-ci pour WordPress et plus encore. Rien de superflu et d'encombrant, le travail se fait dans un style minimaliste, l'accent est mis sur la stabilité et la rapidité, il se connecte parfaitement au moteur de gestion du blog.

À mon avis, Skitter est l'un des meilleurs curseurs wordpress. Attiré par la stabilité et la rapidité du travail, des commandes pas trop importantes, des effets de transition et une connexion assez simple au thème.

Est un plugin WordPress avec lequel vous pouvez facilement et rapidement organiser une galerie d'images sur votre site avec la possibilité de visualiser en mode diaporama. L'affichage peut être automatique ou entièrement contrôlé avec affichage de vignettes et légendes d'image.

Of.site | Démo

Affiche toutes les images d'un article / d'une page sous forme de diaporama. Installation facile. Ce plugin nécessite Adobe Flash pour la version avec animation de transition, si Flash n'est pas trouvé, le curseur fonctionne normalement.

Un autre curseur WordPress simple qui affiche des images de publication et de courts aperçus d'articles. J'utilise de temps en temps un tel plugin sur ce blog.

Meteor Slides est un curseur wordpress jQuery avec plus de vingt styles de transition au choix. L'auteur a appelé le plug-in "meteor", ce qui implique probablement la vitesse du travail, peut-être que je n'ai rien remarqué à propos de meteor.

oQey Gallery est une galerie d'images complète avec des éléments de diaporama pour wordpress, avec des capacités vidéo et musicales intégrées.

Il s'agit d'un diaporama avec des éléments d'animation flash permettant de visualiser des images et des vidéos sur des sites Web et des blogs. Vous pouvez placer ce curseur sur n'importe quel site Web, le remplir dans n'importe quelle taille et avec n'importe quel contenu que vous aimez.

Le plugin Flash Gallery transforme vos galeries habituelles en de superbes murs d'images, avec prise en charge de plusieurs albums par publication, aperçu en plein écran et mode diaporama.

WOW Slider est un curseur d'image jQuery pour WordPress avec de superbes graphismes (Explosion, Fly, Blinds, Squares, Slices, Base, Fade, Stack, Vertical Stack et Linear) et des modèles conçus par des professionnels.

Promotion Slider est un plugin jQuery qui facilite la mise en valeur d'un simple diaporama ou la mise en œuvre de plusieurs zones d'annonces rotatives sur la page, car il s'agit d'un outil hautement personnalisable, vous aurez un contrôle complet sur ce qui est affiché dans le curseur et sur le fonctionnement du module. généralement.

| Démo

Nouveauté 2.4: prise en charge du tri par glisser-déposer des photos directement via l'éditeur WordPress, ainsi que la possibilité d'ajouter des liens photo aux images principales. (IE8 peut avoir des bogues, fonctionne bien dans tous les principaux navigateurs. Les auteurs promettent un support complet pour IE8 à l'avenir.)

| Démo

L'accord final de cette revue sera ce plugin WordPress, un autre curseur avec des effets visuels intéressants pour sélectionner et changer les images.

Je regarde tout ce qui précède et je suis étonné que cela doive être une envolée d'imagination pour les êtres humains, et c'est loin de tout ce que les développeurs Web variés ont amassé récemment sur le sujet de l'organisation des images sur des projets Web. C'est formidable qu'il soit désormais possible de donner vie à de telles solutions pour créer des galeries et des diaporamas.
J'ose espérer tranquillement que dans cette collection vous trouverez quelque chose d'intéressant pour vous, fermez votre propre galerie ou curseur unique, pour le plus grand plaisir de vos utilisateurs et, bien sûr, de votre bien-aimé, mais où sans cela ...

Pendant longtemps, j'ai choisi un sujet pour le sujet d'aujourd'hui. En conséquence, j'ai remarqué que nous n'avons pas encore effectué de sélections avec galeries d'images... À mon avis, un grand sujet, car galeries sont présents sur de nombreux sites. Pour être honnête, ils ne sont pas tous très attractifs. Compte tenu des tendances de développement actuelles jquery, html5 et ainsi de suite, je pensais que les solutions devraient déjà être bien plus attractives que celles que j'ai rencontrées auparavant. Alors. Après avoir passé une journée, j'ai réussi à trouver un grand nombre de scripts. De toute cette montagne, j'ai décidé de sélectionner uniquement, parce que j'aime, comme vous l'avez déjà remarqué dans les articles précédents.
Galerie d'images applicable non seulement au cas où avec albums photo... Le script peut être utilisé, je pense qu'il sera encore plus correct, car portfolio pour photographes, designers etc. Effets Jquery aidera à attirer l'attention des visiteurs et ajoutera simplement de l'élégance à votre site Web.
Alors. À votre collection d'attention plugins de galerie d'images jquery pour site Web.
N'oubliez pas de commenter et de retenir, afin de ne pas perdre cette collection, vous pouvez l'ajouter à vos favoris en cliquant sur l'étoile en bas de l'article.

PHOTOBOX

Galerie d'images gratuite, légère et réactive, dans lequel tous les effets, transitions sont effectués à l'aide de css3. Idéal pour créer un site de photographie.

Galerie S

Attrayant Plugin de galerie d'images Jquery... L'animation fonctionne avec css3.

DIAMANTS.JS

Original plugin pour créer une galerie d'images... Les miniatures ont la forme diamant, qui est très populaire en ce moment. Ce formulaire est créé à l'aide de css3. Le seul inconvénient de cette galerie est l'absence de lightbox permettant d'ouvrir une photo en taille réelle. Autrement dit, vous devez visser le plugin lightbox avec des crabes. Ce script génère une grille d'images réactive en forme de losange.

Superbox

Galerie d'images moderne utilisant Jquery, css3 et html5... Nous sommes tous habitués au fait que lorsque vous cliquez sur l'aperçu, l'image complète s'ouvre dans une lightbox (fenêtre pop-up). Les développeurs de ce plugin ont décidé que la lightbox était obsolète. Les images de cette galerie s'ouvrent sous l'aperçu. Consultez la démo et assurez-vous que cette solution est beaucoup plus moderne.
|

Galerie de fondu diagonal lisse

Une galerie d'images moderne dans laquelle les aperçus sont répartis sur tout l'espace de l'écran... Le script peut numériser un dossier avec une photo sur le serveur, c'est-à-dire que vous n'avez pas besoin d'insérer chaque image séparément. Il suffit de télécharger des images dans un dossier sur le serveur et de spécifier le chemin d'accès au répertoire dans les paramètres. Ensuite, le script fera tout par lui-même.

Galerie Gamma

Une galerie d'images élégante, légère et réactive avec une grille de style Pinterest qui est maintenant très populaire. Le script fonctionne très bien sur les ordinateurs fixes et sur appareils mobiles avec n'importe quelle résolution d'écran. Excellente solution pour créer un portefeuille de concepteurs Web.

GRILLE THUMBNAIL AVEC APERÇU EXTENSIBLE

Le plugin est grille d'image réactive... Lorsque vous cliquez ci-dessous, une photo plus grande et une description s'affichent. Bon pour créer un portfolio.

jGallery

jGallery est plein écran, galerie d'images réactive... Les effets, les transitions et même le style sont facilement personnalisables.

Glisse.js

Un plugin de galerie d'images simple mais très efficace. C'est exactement la solution lorsque vous devez créer un album photo. Le plugin prend en charge les albums et a un effet de retournement très cool.

Flux de mosaïque

Simple, réactif galerie d'images avec une grille dans le style de Pinterest.

Galereya

Une autre galerie élégante avec une grille de style Pinterest filtrée par catégorie. Fonctionne dans les navigateurs: Chrome, Safari, Firefox, Opera, IE7 +, navigateur Android, Chrome mobile, Firefox mobile.

less.js

Excellent galerie d'images gratuite en utilisant JQUERY, 5 et CSS3. Elle a une très jolie apparence et attirera sûrement l'attention de vos visiteurs.

flipLightBox

Une simple galerie d'images. Lorsque vous cliquez sur l'aperçu, l'image complète s'ouvre dans la lightbox.

galerie blueimp

Galerie flexible. Capable d'afficher dans une fenêtre modale non seulement des images, mais aussi vidéo... Fonctionne très bien sur les appareils tactiles. Il est facile à personnaliser et il est possible d'étendre la fonctionnalité avec des plugins supplémentaires (voir plugin suivant).