Blog inspirant depuis 2008
  • Pin It

Gallerie JQuery : 20 exemples pour vous faciliter la tâche

gallerie jQuery

Dans le web que nous connaissons aujourd’hui, les galleries dynamiques sont choses communes. Je dirais même qu’il s’agit d’un standard pour un site web d’entreprise désirant afficher leurs produits et services.

Pour vous faire gagner un peu de temps dans vos recherches, voici 20 plugins de galeries jquery toutes prêtent à être utilisés pour votre prochain site web!

P.S. J’aimerais beaucoup avoir votre avis sur la question posée à la fin de l’article. Merci!

« Cette liste de galeries JQuery est parue initialement sur le site de webexpedition18.com ».

1. AviaSlider

AviaSlider gallerie JQuery

2. Coin Slider

Coin Slider

3. Galerie Premium en jQuery et en Ajax

gallerie jquery et ajax

4. Easy Slider

Easy Slider

5. Feature List

Feature List

6. Gallerie d’images Premium

Galerie JQuery Premium

7. Flexi Slider

flexislider

8. Galleria

gallerie JQuery

9. Galleriffic

galleriffic

10. Horinaja

horinaja

11. Image Rotator

Image Rotator

12. Galerie jQuery XML Professionnelle

jqeury galerie Professionnelle en XML

13. imageScroller

imageScroller

14. jqFancyTransitions

jqFancyTransitions

15. jCoverflip

jCoverflip

16. jQuery lightBox

jQuery lightBox

17. jQuery Sliders

jquery sliders

18. Moving Boxes

Moving Boxes

19. GalleryJack – Galerie jQuery avec grandes imagess de Background (Full Screen)

jQuery gallerie plein écran full screen

20. Nivo Slider

Nivo Slider

21. Pikachoose

gallerie JQuery

22. Popeye

popeye

23. s3Slider

s3Slider jQuery

24. Galerie Vidéo pour WordPress (Youtube et Vimeo)

galerie wordpress de vidéo YouTube et Vimeo

25. Slider Gallery

Slider Gallery

26. Smoot Div Scroll

smoothdivscroll

Le mot de la fin

Une gallerie jquery semble être un «must» pour tous les sites web de compagnies depuis 2009. Êtes-vous un peu saturé de leur utilisation? Quel est votre avis sur la question?

Rédigé par Louis-Philippe Dea de l’entreprise

20 commentaires

  • Jean Francois Lauze | 2010/06/30

    Warning: Undefined variable $default_avatar in /home/hochedez/public_html/marevueweb.com/wp-content/themes/marevueweb2012/comments.php on line 30

    Wow! Super inspirant! Merci pour cette compilation!

  • Mademoiselle Pixelle | 2010/06/30

    Warning: Undefined variable $default_avatar in /home/hochedez/public_html/marevueweb.com/wp-content/themes/marevueweb2012/comments.php on line 30

    Sympa cette compilation, bien pratique aussi..

    C'est vrai qu'on a tendance à les voir partout, mais ils sont malgré tout bien pratique. Personnellement j'utilise beaucoup la lightbox (enfin fancybox), parce que je l'a trouve très pratique (pas que pour les iamges d'ailleurs).

  • Dbordeleau | 2010/06/30

    Warning: Undefined variable $default_avatar in /home/hochedez/public_html/marevueweb.com/wp-content/themes/marevueweb2012/comments.php on line 30

    Merci pour cette liste, c'est super inspirant.
    Je ne suis pas un gros utilisateur de JQuery donc tout ceci es nouveaux pour moi.
    Par contre je pense que la sur-utilisation des Slider es du au fait que les designer y vois un remplacement beau, bon, pas cher au Flash.

  • Louis-Philippe Dea | 2010/06/30

    Warning: Undefined variable $default_avatar in /home/hochedez/public_html/marevueweb.com/wp-content/themes/marevueweb2012/comments.php on line 30

    @Mademoiselle Pixelle Je suis d'accord avec toi, ils sont très pratiques. Je m'en sers surtout pour des site web de clients corporatifs. J'aime bien également utiliser le Fancybox puisque je trouve le CSS relativement facile à éditer afin de le personnaliser.

    @Dbordeleau En effet je crois aussi qu'il s'agit d'un outil qui remplace en partie le Flash. C'est «clean», attrayant visuellement et facilement intégrable!

  • Shug0 | 2010/07/01

    Warning: Undefined variable $default_avatar in /home/hochedez/public_html/marevueweb.com/wp-content/themes/marevueweb2012/comments.php on line 30

    Je pense que les ajouts de module Jquerry sont un choix du webmaster mais au niveau design et accées rapide je les trouves trés utiles 🙂

  • Stéphane (pixelyzed) | 2010/07/03

    Warning: Undefined variable $default_avatar in /home/hochedez/public_html/marevueweb.com/wp-content/themes/marevueweb2012/comments.php on line 30

    Merci pour la super compilation!

    C'est vrai que les « sliders » sont beaucoup utilisés mais, en plus des images, c'est une façon simple (pour nous) et conviviale pour les utilisateurs de mettre beaucoup de contenu dans peu d'espace. Je l'utilise moi-même sur mon site professionel pour présenter mon portfolio de projets dans un espace réduit sur les pages autres que la pages portfolio.

    En passant, quelqu'un connait une bonne façon (ou une docu claire) ou existe-il un plugin pour faire une belle présentation de galeries catégorisées propulsées par le plugin NextGen dans WordPress?

  • Louis-Philippe Dea | 2010/07/04

    Warning: Undefined variable $default_avatar in /home/hochedez/public_html/marevueweb.com/wp-content/themes/marevueweb2012/comments.php on line 30

    Salut Stéphane, je ne suis pas certain de comprendre ce que tu recherches. Tu peux déjà regrouper tes galeries en catégories avec le plugin NextGen de WordPress non?

  • Stéphane (pixelyzed) | 2010/07/04

    Warning: Undefined variable $default_avatar in /home/hochedez/public_html/marevueweb.com/wp-content/themes/marevueweb2012/comments.php on line 30

    Oui, je peux faire ça dans l'admin (qui est fantastique). Mais ce que je ne trouve pas comment faire est de présenter la gallerie avec les « thumbnails » d'une catégorie visible et des boutons vers les autres catégories. Quelque chose de similaire à ce que j'ai fait sur le site de ma conjointe manuellement (jQuery FancyBox + mes scripts pour gérer la nav et le display des catégories): http://www.isabellelarin.com/galerie.cfm#portraits

    COmme tu peux voir, je peu avoir un lien direct vers une catégorie spécifique. Je n'ai pas besoin que la présentation soit identique visuellement et je peux vivre avec des « page refresh » entre chaque catégorie mais, comme j'ai dit plus haut, je ne sais pas comment mettre une galerie compète avec des liens vers toutes les catégories sur la page plutôt qu'une seule catégorie ou galerie.

  • Louis-Philippe Dea | 2010/07/06

    Warning: Undefined variable $default_avatar in /home/hochedez/public_html/marevueweb.com/wp-content/themes/marevueweb2012/comments.php on line 30

    dac, je comprends ce que tu voudrais faire et je t'avoue être un peu embêté par rapport à ton problème. Je me risque à t'envoyer un lien qui pourrais peut-être t'aider à résoudre ton problème : http://en.forums.wordpress.com/topic/how-do-i-p

  • Stéphane (pixelyzed) | 2010/07/10

    Warning: Undefined variable $default_avatar in /home/hochedez/public_html/marevueweb.com/wp-content/themes/marevueweb2012/comments.php on line 30

    Merci Louis-Philippe! Après un peu plus de recherche, j'ai trouvé des façons de faire ce que je voulais. Ce n'est pas identique à l'original mais ça fonctionne très bien. Merci encore!

  • Louis-Philippe Dea | 2010/07/11

    Warning: Undefined variable $default_avatar in /home/hochedez/public_html/marevueweb.com/wp-content/themes/marevueweb2012/comments.php on line 30

    Good! Je suis content d'entendre ça 🙂 Congrats!

  • julien | 2011/05/10

    Warning: Undefined variable $default_avatar in /home/hochedez/public_html/marevueweb.com/wp-content/themes/marevueweb2012/comments.php on line 30

    disons que ca devient compliqué de ne pas en mettre une … les clients s’attentent a en avoir une sur leur site… flash n’a plus trop la « quote » sans compter que ça reste fort lourd …jquery est presque « incontournable »

    Merci en tout cas pour les quelques inédit que j’ai trouvé ici (pour moi du moin )

    Burnsisoft

  • Graphiste 49 | 2011/09/04

    Warning: Undefined variable $default_avatar in /home/hochedez/public_html/marevueweb.com/wp-content/themes/marevueweb2012/comments.php on line 30

    Merci pour ces différentes galeries JQUERY, cela donne un côté moderne aux sites Internet. Maintenant, au travail. Gianni

  • max | 2011/12/06

    Warning: Undefined variable $default_avatar in /home/hochedez/public_html/marevueweb.com/wp-content/themes/marevueweb2012/comments.php on line 30

    bonjour,
    merci pour ces ressources et vos autres travaux,
    développeur autodidacte AS3
    je commence le html5 avec jquery afin de proposer mon travail en version html et le proposer comme alternative plus tard à mes clients. Et c’est là qu’intervient la galerie d’images (plus simple effectivement que de la programmer en AS sous flash, mais sans pouvoir se distinguer non plus des autres…) : Pourquoi autant de galerie sur tous les sites, et surtout chez ceux qui n’en ont pas besoin (avocats, institutions, tous ceux qui n’ont pas de travaux à présenter comme les artistes ou ceux des métiers de bouche où une image de vignoble et de bouffe est intéressante et montre le travail et l’environnement, etc.) ? Pour le fric, pour gonfler le prix du site que l’on propose et dire que le site que nous leur réalisons est super moderne. C’est une approche mercantile, que d’en de proposer à tout va, qui fait ses preuves.

    Bonne continuation
    max

  • Louis_Dea | 2011/12/07

    Warning: Undefined variable $default_avatar in /home/hochedez/public_html/marevueweb.com/wp-content/themes/marevueweb2012/comments.php on line 30

    Salut Max,

    Sincèrement, pour ma part, si je propose une galerie jQuery à un client, celle-ci ne gonflera pas du tout le prix de la soumission puisque trouver des exemples s’adaptant si facilement à différentes situations que son ajout se fait en quelques minutes. ( Parfois 1 à 2 heures max!)

    Qu’en pensez-vous?

  • Watt | 2012/01/21

    Warning: Undefined variable $default_avatar in /home/hochedez/public_html/marevueweb.com/wp-content/themes/marevueweb2012/comments.php on line 30

    Pour ma part, l’utilisation des scripts Jquery pour les galeries photos sont très pratiques et sont un excellent palliatif au Flash.
    Cela dit, il ne faut pas se cantonner à copier/coller le script. L’idée est vraiment de personnaliser et d’intégrer le script au maximum au design du site. Après, si les fonctionnalitées du script ne suffisent pas, rien ne vaut un vrai développement sur mesure !

  • smiler | 2012/03/25

    Warning: Undefined variable $default_avatar in /home/hochedez/public_html/marevueweb.com/wp-content/themes/marevueweb2012/comments.php on line 30

    Bonjour !

    Le jQuery est utilisé pour sa simplicité d’intégration , le html5 n’est pas encore pris en compte par l’ensemble des browsers et le flash semble poser des problèmes sur Iphone/Ipad : Apple refuse toujours à iOS de gérer le Flash mais adobe en permet la lecture .

    Thanks to jQuery .

  • giftofgod | 2012/05/15

    Warning: Undefined variable $default_avatar in /home/hochedez/public_html/marevueweb.com/wp-content/themes/marevueweb2012/comments.php on line 30

    Merci

  • Florine | 2012/10/21

    Warning: Undefined variable $default_avatar in /home/hochedez/public_html/marevueweb.com/wp-content/themes/marevueweb2012/comments.php on line 30

    Bonjour !

    De bons exemples sur ce site à adapter à mon idée.
    C’est vrai que c’est très facile d’utiliser jQuery et en plus à sa sauce.

  • claude carreau | 2013/04/23

    Warning: Undefined variable $default_avatar in /home/hochedez/public_html/marevueweb.com/wp-content/themes/marevueweb2012/comments.php on line 30

    j’ai bien apprécié
    je construit actuellement un site sur le tourisme. un slider est indispensable
    j’en ai trouvé sur la page d’accueil du site suivant http://www.madagascar-tourisme.com/index.php
    ce serait bien que vous ayez le même a mettre a notre disposition
    Cordialement

Laisser un commentaire