Dans ce tuto jQuery en vidéo, nous réaliserons ensemble un slider jQuery avec défilement automatique des images. Nous verrons donc comment sélectionner des éléments précis, leur ajouter des classes leur en enlever, et comment faire fonctionner notre slider de manière automatique en affichant les images les unes après les autres, chacune dans un temps défini.

Bon tuto!

Jetez un oeil à ces autres tuto jQuery 1.7.2

Indicateur visuel de sécurité de mot de passeIndicateur visuel de sécurité…
Dans ce tuto jQuery en vidéo, nous verrons comment mettre en…

Créer un slider full page administrable sur WordPressCréer un slider full page…
Dans ce tutoriel nous allons mettre en place un slider full…

Aller plus loin avec les notions de base de jQueryAller plus loin avec les notions…
Approfondissez vos connaissances en jQuery jQuery est une librairie…

$.fn.version$.fn.version
Il est important de ne jamais oublier la version avec laquelle…

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…

Créer un site One Page complet de A à ZCréer un site One Page complet…
Dans ce tuto vidéo HTML5, CSS3 et jQuery, nous allons voir…

Créer un site web avec un slider d'images en full pageCréer un site web avec un…
Dans ce tuto jQuery / CSS3, nous allons ensemble, pas à pas,…

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

Partagez cet extrait

Lien vers cet extrait : Embed code :

simpledev , formateur certifié



Toutes les formations de Simpledev


Témoignage des clients de simpledev

Tutoriel clair et précis. Continuez ainsi :)

Tuto sur le codeigniter excellent par contre existe t il un tuto sur la création d'un back office avec codeigniter. Si oui, je suis fortement intéressée...

Superbes tutos pour apprendre Laravel ! Continue comme ça :D

Merci beaucoup pour tes tutorial que j'adore :D

Très bon formateur de bonne qualité. J'aime.

Lire les autres témoignages

 

D'autres tuto de simpledev

Indicateur visuel de sécurité de mot de passeIndicateur visuel de sécurité de mot de passe
Dans ce tuto jQuery en vidéo, nous verrons comment mettre en place un indicateur visuel…

Créer une archive de fichiers format zip en PHPCréer une archive de fichiers format zip en PHP
Dans ce tuto PHP en vidéo, nous verrons comment créer une archive au format .zip à…

Confirmer avant de quitter une page en JavascriptConfirmer avant de quitter une page en Javascript
Dans ce petit tuto Javascript gratuit en vidéo, nous allons voir comment mettre en place…

Afficher des vidéos en Responsive DesignAfficher des vidéos en Responsive Design
Dans ce tuto CSS en vidéo, nous verrons comment nous pouvons faire en sorte d'afficher…

voir tous les tuto de simpledev

Notes attribuées par les utilisateurs (1 vote)

Note moyenne des utilisateurs  

Votez pour ce tuto


 

Les avis / Questions des utilisateurs (5)

par LapiNours
(n'a pas acheté ce tuto - 14 mars 2013)

" Bonsoir simpledev,

Dommage. Mais merci pour votre réponse.

Salutations "

par simpledev
(auteur de ce tuto - 14 mars 2013)

" @LapiNours salut, non c'est juste un défilement automatique sans transition;) "

par LapiNours
(n'a pas acheté ce tuto - 13 mars 2013)

" Bonjour simpledev,

Petite question. Est-ce que dans votre tuto il y a une explication sur différentes transitions entre les images du slider.
Merci d'avance pour votre réponse "

par pierreh21a voté :
(a acheté ce tuto - 02 juillet 2012)

" Bonnes explications qui permettent d'avancer et de comprendre comment cela fonctionne "

par MoMoMafiak1
(n'a pas acheté ce tuto - 25 juin 2012)

" Sa aurait été mieux un slider avec une petite animation de transition mais bon de toute façon je n'aurai pas eu les moyens pour l'acheter. Mais sinon c'est vraiment génial continue comme sa :-) "

 

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 1.7.2 d’une durée de 10 minutes a été acheté 52 fois et a reçu une note moyenne de 5/5.

Ce tuto a été publié le 22 juin 2012 par simpledev, formateur certifié par Tuto.com, ayant reçu une note moyenne de 4,4/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 !