création de site internet

flus RSS du blogsur Facebooksur Twitter
créateur de mot de passe

Générateur de mot de passe

Créez un mot de passe sécurisé

30
08

slideshow, diaporama, galerie photo - 1

dans Javascript jQuery

Fotorama

Fotorama est un plugin jQuery permettant de générer des galeries photos avec système de navigation. Souple et modulable, il permet de réaliser des slideshow adaptés à votre design, comme le montre la page d'exemples sur le site officiel. Ainsi on peut manipuler diverses options pour définir notamment :

  • les dimensions et le format des images
  • les effets de transition
  • les principes de navigation (flèches, miniatures, ...)
  • les légendes des photos
  • ...

Il permet de charger ses photos à partir d'un JSON (dont les données sont exploitables via l'option data) et d'introduire un système de loader sur chaque image. Il dispose également d'une API javascript permettant de le contrôler depuis n'importe quel élément de la page.

Enfin, il a été conçu pour être compatible sur les plateformes mobiles, et permet notamment de gérer les interactions et la navigation par simple clic ou par glissement.

Le site officiel : fotoramajs.com

Really Simple Slideshow

Really Simple Slideshow est un autre plugin jQuery tout simple permettant de créer des diaporamas où les images sont chargées à la volée. Il dispose de nombreuses options permettant de gérer :

  • les principes de navigation
  • les effets de transition (qui peuvent être différents d'une image à l'autre)
  • les légendes des photos
  • ...

Enfin, il dispose de fonctions permettant de gérer les contrôles de navigation et les événements jQuery.

Le site officiel : reallysimpleworks.com/slideshow/

bgStretcher

Un autre plugin javascript permettant de générer des slideshow, mais à la différence des précédents, ils sont ici en background et en fullscreen. Très à la mode, les images en plein écran en fond de page apportent un plus à l'aspect graphique d'un site.

bgStretcher dispose des options classiques d'un diaporama :

  • le format des images
  • les effets de transition
  • ...

Il permet également le préchargement des images, le contrôle de l'animation et dispose de fonctions de callback.

La force de ce plugin est de gérer également le redimensionnement automatique des images en fonction de la taille de l'écran. Ce qui nécessite alors que les images d'origine soient en suffisamment grand format pour que le rendu soit correct pour la majorité des cas. A noter également qu'il est tout à fait possible de détourner le fonctionnement de ce plugin pour simplement n'afficher qu'une grande image en background de votre site, dont le format sera ajusté automatiquement à la taille de l'écran.

Le site officiel : www.ajaxblender.com/bgstretcher-2-jquery-stretch-background-plugin-updated.html

Partager :