Dans ce tuto jQuery gratuit, nous allons apprendre à réaliser un slideshow sous forme de plugin avec la librairie JavaScript, jQuery. Le but de cette formation gratuite est de créer un plugin jQuery pour faire défiler des images l'une à la suite de l'autre, pour au final obtenir un carrousel que vous pourrez placer sur votre blog, ou site internet.

Au cours de ce tuto vous apprendrez:

  • La structure de base d'un plugin jQuery
  • Utiliser plusieurs options de l'utilisateur
  • Animer un slideshow

Les fichiers sources sont disponibles avec ce tutoriel.

Jetez un oeil à ces autres tuto jQuery

Menu déroulant en jQueryMenu déroulant en jQuery
Dans ce tuto en vidéo, vous verrez comment réaliser un menu…

Créer une bannière animée comme dans iTunesCréer une bannière animée…
Dans ce tuto vidéo, vous découvrirez comment créer une bannière…

Plugin Jquery placeholderPlugin Jquery placeholder
Dans ce tuto Jquery en vidéo, vous verrez comment utiliser…

Plugin Jquery jRumblePlugin Jquery jRumble
Dans ce tuto Jquery en vidéo, nous verrons comment utiliser…

Créer une bannière animée comme dans iTunesCréer une bannière animée…
Dans ce tuto vidéo, vous découvrirez comment créer une bannière…

Formulaire de contact AJAX avec PHP et JqueryFormulaire de contact AJAX…
Dans ce tuto AJAX en vidéo, nous réaliserons un formulaire…

Styliser un formulaire avec CSS3 et validation en JqueryStyliser un formulaire avec…
 Dans ce tuto CSS et Jquery, nous verrons comment styliser…

Système de commentaires avancéSystème de commentaires avancé…
 Dans ce tuto PHP en vidéo, nous verrons comment réaliser…

Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto jQuery de 42 minutes est proposée dans une résolution plus grande que l’extrait suivant :

Partagez cet extrait

Lien vers cet extrait : Embed code :

jeremymichel , Formateur

Je suis étudiant en Informatique, mais avec déjà pas mal d'expérience dans le domaine. Je suis autodidacte en infographie et développement web. Je crée des tutoriels pour partager mes connaissances et aider ceux qui veulent se lancer dans l'infographie. J'ai personnellement appris surtout avec des livres mais, je suis convaincu que le meilleur apprentissage dans le domaine de l'informatique se produit avec des vidéos pour plus de dynamisme et d'interactivité.

En savoir plus sur jeremymichel


Témoignage des clients de jeremymichel

Le tuto sur le YQL et les flux RSS m'a beaucoup aidé car j'ai pu développer une application avec JQuery Mobile ce qui m'a servi pour mes examens merci Beaucoup.

Pour la vidéo de slideshow, il en existe beaucoup de pré-faits mais celui est simple d'utilisation, donc bon auteur. A recommander

Très bon formateur ! Parle clairement, explique bien ! C'est encourageant et donne envie de travailler! :)

 

D'autres tuto de jeremymichel

Utiliser la géolocalisation et les API de Google MapsUtiliser la géolocalisation et les API de Google Maps
Dans ce tuto HTML5, nous allons apprendre à placer une carte Google Maps sur notre site…

Les champs personnalisésLes champs personnalisés
Dans ce tuto Wordpress, nous allons apprendre à utiliser champs personnalisés dans…

Créer une bannière un peu grungeCréer une bannière un peu grunge
Dans ce tuto Photoshop, nous allons voir comment créer une bannière et lui appliqué…

Previsualisation d'une image au survol Previsualisation d'une image au survol
Dans ce tuto jQuery, nous allons apprendre à créer une prévisualisation d'une image…

voir tous les tuto de jeremymichel

Notes attribuées par les utilisateurs (9 votes)

Note moyenne des utilisateurs  

Votez pour ce tuto


 

Les avis / Questions des utilisateurs (13)

par toggy82à voté :
(a téléchargé ce tuto - 08 avril 2012)

" Super tuto, très clair et bien structuré! Un grand merci. "

par Mikou65
(a téléchargé ce tuto - 08 mars 2012)

" Bonjour,

J'ai un soucis avec le overflow: 'hidden' , je n'arrive pas à faire en sorte que l'on ne voit plus qu'une image...

J'ai cherché partout et la console d'erreur de m'indique rien.

Peut-être pourriez-vous m'éclairer?

Merci. "

par Neodinà voté :
(a téléchargé ce tuto - 23 février 2012)

" cool "

par weser
(a téléchargé ce tuto - 17 janvier 2012)

" Super tuto facile à intégrer et à modifier graphiquement. Juste un bémol, ce n'est pas fluide et je n'arrive pas à mettre de lien sur les images.
Si vous avez une solution, je suis toute ouie. "

par jovantutcs5à voté :
(a téléchargé ce tuto - 16 novembre 2011)

" Magnifique, heureux d'un tuto qui montre la construction d'un code que j'appellerai «de support au curieux». Sans toutefois se lancer dans la programmation. Je suis graphiste et j'ai adoré. Démistifié, aidé et ravis je dit merci beaucoup. "

par petitlardonà voté :
(a téléchargé ce tuto - 29 septembre 2011)

" Clair net et précis. Merci "

par blomito
(a téléchargé ce tuto - 13 septembre 2011)

" super tuto! merci "

par blomito
(a téléchargé ce tuto - 07 septembre 2011)

" Salut Jeremy,
Bon tuto et très formateur sur jQuery. Comment on peut se procurer le fichier source? de ce dit tuto?
didapix@orange.fr
Merci encore
Jacques "

par MORICIO
(a téléchargé ce tuto - 16 juillet 2011)

" CES SYMPAS LES TUTO "

par mancallt
(a téléchargé ce tuto - 03 juillet 2011)

" Bon tuto "

par bugs59à voté :
(a téléchargé ce tuto - 02 juillet 2011)

" Très bon tuto, avec une bonne prise de temps pour de complete explication sur le fonctionnement.

Bravo !!! "

par jeremymichel
(auteur de ce tuto - 01 juin 2011)

" @farhaenis êtes-vous sur d'avoir le player de Tuto.com http://fr.tuto.com/player-video, normalement après s'être connecté, vous pouvez ouvrir le fichier .wee avec le player et le visualisé "

par farhaenis
(a téléchargé ce tuto - 01 juin 2011)

" Bonjour,je veux visualiser le tutoriel mais je ne peux pas le visualiser.Pourriez vous m'aider? "

 

Donnez votre avis ou posez une question au formateur.

Vous souhaitez commenter ce tuto vidéo ? Créez un compte gratuit. Déjà membre ? Identifiez-vous

Ce tuto en résumé ...

Ce tuto jQuery d’une durée de 42 minutes a été téléchargé 939 fois et a reçu une note moyenne de 5/5.

Ce tuto a été publié le 31 mai 2011 par jeremymichel, contributeur, ayant reçu une note moyenne de 4,1/5 pour l’ensemble de ses vidéos.

Tous les fichiers sources sont fournis avec cette formation. Ces derniers vous permettront de reproduire les manipulations expliquées dans cette formation.

Ce tuto video vous expliquera étape par étape, toutes les manipulations présentées par le formateur.

Toutes nos vidéos sont visionnées par notre équipe, avant d’être mises en ligne, garantissant ainsi la qualité des produits téléchargés.

N'hésitez pas à nous contacter si vous avez la moindre question !