Colorbox — Cette petite lightbox légère et personnalisable est le cadre idéal pour accueillir vos photos, vos textes ou vos vidéos. Réalisé avec jQuery, Colorbox est extensible : ajout de fonctions de rappel ou de points d’ancrage événementiels sans pour autant être obligé de modifier les fichiers d’origine. Fonction de diaporama avec marche/arrêt, boutons Suivant ou Précédent et navigation au clavier, ce qui ne gâche rien. Le design de Colorbox est très bien pensé et trouvera sa place sur tous type de sites web.
27/12/09
jQSlickWrap habille les images de formes irrégulières avec du texte
jQSlickWrap est un plugin jQuery qui permet d’habiller une image de forme irrégulière avec le texte autour. Ce script fonctionne sur les navigateurs compatibles avec la balise `canvas` prévue par HTML5. Pour résumer, le script crée une balise `canvas`, la remplie avec l’arrière-plan de l’image en fonction des informations de la couleur du pixel du coin supérieur gauche et redessine l’image pixel par pixel. Mais jugez plutôt !
Cette technique est une adaptation de la solution CSS et PHP proposée par Rob Swan sur A List Apart en 2006.
15/12/09
jQuery image zoom effect
Image jQuery – Cet effet réalisé avec quelques lignes de jQuery (et un soupçon de CSS) applique un léger effet de zoom sur une image tout en affichant sa description au survol de la souris sur le conteneur. Voir la démonstration.
22/11/09
jQuery Image Cropper — recadrer et uploader des images
Avec jQuery Image Cropper l’utilisateur peut uploader une image et sélectionner la zone de recadrage puis sélectionner le répertoire pour enregistrer deux images : une au format 100×100 et une miniature de 50×50. Le script est facilement modifiable pour personnaliser les dimensions et la taille maximum des images traitées. Via Restez connectés !
14/11/09
News déroulantes avec jQuery
News déroulantes à la iTélé — Très bonne solution pour avoir un joli bandeau de news à l’aide de liste de définition, d’une pincée de CSS et d’une bonne rasade de jQuery avec explication de texte. Le tutoriel aborde également les aspects graphiques avec le découpage des images. Profitez-en pour jeter un oeil sur la création de plugins jQuery et sur cet effet de page cornée en quelques lignes de jQuery.