13/09/11
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 »
| Tags : Carousel, CSS3, Diaporama, Images, jQuery, Media Queries, Slider, Slideshow | Plugin jQuery
25/03/11
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 »
| Tags : Accessibilité, Ajax, Ancre, Gal, Images, Lightbox, rel | Plugin jQuery
08/03/11
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 »
| Tags : Background, Diaporama, Images, jQuery, Slid, Slideshow | Tutoriel
24/12/10
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 »
| Tags : Bulle d'aide, Bulle de dialogue, Coins arrondis, Images, Infobulle, jQuery, ToolTips, Video, Youtube | Plugin jQuery
22/12/10
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.
| Tags : Diaporama, IE6, Images, jQuery, Slideshow, Transition | Plugin jQuery
17/11/10
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 »
| Tags : Diaporama, Images, jQuery, Slideshow | Plugin jQuery
12/10/10
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.
| Tags : Carousel, Diaporama, Images, jQuery, Slider | Plugin jQuery
05/10/10
Dans le même esprit que AviaSlider, Nivo 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.
| Tags : Carousel, Diaporama, Images, jQuery, Slider, Transitions | Plugin jQuery
21/05/10
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 »
| Tags : Images, jQuery, Lightbox, Mosaïque | Tutoriel
17/04/10
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 »
| Tags : Diaporama, Galerie, Images, Light, Liste | Plugin jQuery