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 »
13/09/11
Elastislide : un carousel jQuery réactif (Responsive Webdesign)
Aucun commentaire » | Tags : Carousel, CSS3, Diaporama, Images, jQuery, Media Queries, Responsive, Slider, Slideshow | Plugin jQuery
15/08/11
73 tutoriels pour faire défiler vos contenus (Slideshow, Sliders & Diaporama)
Les diaporamas et autres Slideshows sont devenus un passage quasi-obligé pour les sites qui veulent présenter un grand nombre d’informations tout en ménageant l’espace disponible. Voici une liste condensée de 73 tutoriels ou scripts jQuery détaillés pour mettre en avant vos contenus texte et/ou image. Lire le reste de cet article »
3 commentaires » | Tags : Caption, Carousel, Diaporama, Galerie, Image, jQuery, jQuery UI, Sliders, Slideshow, ToolTips | Tutoriel
06/05/11
JbhSlider — Slider en jQuery
JbhSlider permet de réaliser des diaporamas en jQuery avec la particularité de gérer les évènements rapprochés. Il n’y aura pas d’effets indésirables quand vos visiteurs cliqueront dix fois de suite sur le lien «suivant» du Slider. Oui, les visiteurs font ça :-) Outre la gestion des liens «Suivants et Précédent, JbhSlider gère la pagination entre les diapos et permet des effets de transition. Lire le reste de cet article »
6 commentaires » | Tags : Diaporama, Slider, Slideshow, Visionneuse | Plugin jQuery
03/05/11
Agile Carousel — Un diaporama agile et plein de ressources
Agile Carousel est un script qui permet de faire défiler automatiquement ou manuellement du texte et des images. Il existe des centaines de diaporama plus ou moins gourmands en ressources et possédant plus ou moins d’options. Agile Carousel semble un bon compromis entre le poids et les fonctionnalités. Le format de données JSON permettra à votre Slideshow de dialoguer avec les informations issues de votre CMS préféré. Lire le reste de cet article »
2 commentaires » | Tags : Carousel, Diaporama, JSON, Slide, Slider, Slideshow, Visionneuse | Plugin jQuery
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 »
1 commentaire » | Tags : Background, Diaporama, Images, jQuery, Slid, Slideshow | Tutoriel
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.
1 commentaire » | Tags : Diaporama, IE6, Images, jQuery, Slideshow, Transition | Plugin jQuery
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 »
2 commentaires » | Tags : Diaporama, Images, jQuery, Slideshow | Plugin jQuery
12/10/10
TinyFader — Slideshow poids-plume avec effet de fading
TinyFader — Malgré son nom, la particularité de ce diaporama n’est pas de proposer des effets de transitions à base de fading. C’est plutôt son poids — 1,4 KB seulement — qui mérite le détour ! Il s’agit d’une variante de TinySlider en version autonome : TinyFader n’a pas besoin d’un framework Javascript pour fonctionner. L’initialisation et le paramétrage de TinyFader sont très simple : Lire le reste de cet article »
3 commentaires » | Tags : Diaporama, Javascript, Slider, Slideshow | Applications autonomes
09/08/10
Sudo Slider — Le diaporama jQuery qu’il vous faut
Sudo Slider est un plugin jQuery de 10 ko permettant de mettre en place un diaporama manuel (Slider) ou automatique (Slideshow) avec tout type de contenus (images, textes, vidéo en Flash, formulaire avec validation, etc.). Une dégradation gracieuse est prévu en l’absence de Javascript (sauf si les contenus sont appelés via Ajax). Lire le reste de cet article »
5 commentaires » | Tags : Diaporama, Slider, Slideshow | Plugin jQuery
08/06/10
Fancy Sliding Form — Affichez vos formulaires sous forme de Slideshow
Fancy Sliding Form — Ce script jQuery découpe un formulaire en autant de parties qu’il contient de `fieldset`, accessibles via un menu qui les fait apparaitre sous forme de Slideshow. Cerise sur le gâteau, un symbole apparait sur chaque entrée de menu si les champs n’ont pas été renseignés. Ce tutoriel explique chaque étape : le marquage HTML, les feuilles de style CSS et le code Javascript. Jetez un oeil sur la démonstration. Via @LaFermeDuWeb.
5 commentaires » | Tags : Fieldset, Formulaire, Slideshow, Tutoriel | Tutoriel