13/09/11

Elastislide : un carousel jQuery réactif (Responsive Webdesign)

Le webdesign réactif (traduction approximative de Responsive Webdesign) est un ensemble de techniques permettant d’adapter la mise en page d’un site web selon le périphérique de l’utilisateur. Avec l’arrivée des Media Queries en CSS3, le webdesign réactif devient de plus en plus utilisé. Il manquait toutefois des carousels réactifs. C’est le cas de Elastislide qui profitera au mieux des caractéristiques de l’écran. Via @guerrier. Lire le reste de cet article »

25/03/11

jQuery SuperBox — Une lightbox accessible à emporter !

jQuery SuperBox est une lightbox jQuery créée par Pierre Bertet. Accessible (SuperBox est généré grâce à l’attribut rel de votre lien), extensible (sous licence MIT), SuperBox permet d’afficher des images seules ou faisant partie d’une galerie, du contenu chargé en Ajax et last but not least, il est même possible de charger un fragment de la page via une ancre interne pointant vers l’identifiant d’un élément qui sera copié dans la SuperBox. Lire le reste de cet article »

08/03/11

Un diaporama pleine-page avec jQuery

Full background image slider est un script qui permet d’afficher un diaporama occupant toute la fenêtre du navigateur (ou le container que vous voulez). Outre le changement de background de votre site — ce qui pourrait s’avérer fatiguant pour les yeux –, ce script pourra se rendre utile pour présenter des visuels sur une page séparée. Lire le reste de cet article »

24/12/10

qTip — Infobulles, bulles d’aide, bulles de dialogue avec jQuery

qTip est un plugin jQuery pour créer des infobulles. Il a été conçu dès le départ pour être pris en main facilement par les utilisateurs. qTip offre un maximum de fonctionnalités comme les coins arrondis et la mise en place de bulles de dialogues, mais son point fort est l’affichage de tout types de contenus : attribut title ou attribut personnalisé tooltip, ou une image. Il est également possible d’afficher du contenu dynamique tel que miniatures de pages Web, vidéos en provenance de Youtube ou traduction d’un mot. qTip est probablement l’un des meilleurs script pour vos bulles d’aides ! Lire le reste de cet article »

22/12/10

Slides — Slideshow jQuery

Slides est un Slideshow Javascript développé avec jQuery pour afficher vos images sous forme de diaporama. Slides est simple à utiliser et propose de nombreuses options : auto-rewind, auto-play, effets de fading et de transitions, préchargement d’images, pagination automatique, etc. Compatible avec Internet Explorer 7/8/9, Firefox 3+, Chrome, Safari, Safari Mobile et même IE6 ! Slides est disponible sur Github. Via Pierre Vion.

17/11/10

jQuery Cycle — Slideshow avec effets de transition

Le diaporama jQuery Cycle propose six effets de transition originaux. Le nombre des options disponibles est impressionnant : pas moins de 50 paramètres vous permettront de réaliser tous vos fantasmes souhaits ! jQuery Cycle est compatible avec les plugins Metadata et Easing. Lire le reste de cet article »

12/10/10

bxCarousel — un carousel jQuery qu’il est bien

bxCarousel est un carousel en jQuery qui boucle sur lui-même et qui fonctionne avec tout type d’éléments HTML contenus dans une liste. Parmi les options disponibles, on peut spécifier le nombre d’éléments à afficher et à faire avancer et mettre le carousel en mode automatique ou afficher des liens pour faire avancer ou reculer les éléments. Via Arnaud-K. Voir aussi bxSlider et bxGallery.

05/10/10

Nivo Slider — Diaporama avec 9 transitions pour vos images

Dans le même esprit que AviaSliderNivo Slider est un diaporama qui offre 9 transitions de très bonne facture pour ajouter un peu de peps à nos Sliders images. Compatible avec IE7, Firefox 3+, Google Chrome 4, Safari 4 et Opera 10.5. Nombreuses options de personnalisation. Via @deruyver.

21/05/10

Sliding Panel Photo Wall Gallery — Mur d’image et Lightbox avec jQuery

Sliding Panel Photo Wall Gallery est un tutoriel qui explique pas à pas (CSS, script jQuery) comment réaliser un mur d’images miniatures qui prennent toute la place de l’écran lorsqu’on clique dessus. Lire le reste de cet article »

17/04/10

jQuery Popeye 2.0 — Une Lightbox inline

Popeye 2.0 est une lightbox qui affiche une galerie d’images à partir d’une liste non-ordonnée dans le flux de votre texte. Le marquage HTML est à votre discrétion à condition d’utiliser les classes CSS prévues par le script. Il est possible d’afficher une légende par image en enveloppant le texte de votre choix avec l’élément span. Lire le reste de cet article »