article(s) dans votre panier VOIR

Présenter des images avec un slider complet

  • Vidéo 20 sur 32
  • 4h15 de formation
  • 32 leçons

Un contenu flash devrait s'afficher ici. Votre navigateur ne comporte pas de plugin flash, ou il ne s'est pas correctement initialisé.

Vous pouvez télécharger le plugin flash depuis le site d'Adobe à l'adresse suivante : http://get.adobe.com/flashplayer/.

Pour accéder à la suite de cette formation, vous devez vous abonner.
previous
summary
resume
next
play
Un slider complet
00:00 / 15:15
HD
fullscreen
Je m’abonne
à partir de 16,6 € / mois
  • Visionnage en ligne
  • Accès illimité à toutes nos formations
OU
J'achète uniquement
la formation
49,90€
  • Téléchargement + VOD à vie
  • Accès uniquement à cette formation

Sommaire de la formation

Détails de la formation

Dans ce tutoriel vidéo, nous allons réaliser un slider complet. Cela signifie que nous allons à la fois réaliser le slider pour les images qui vont changer et défiler les unes après les autres. Dans un second temps, le formateur va également réaliser quatre petits boutons cliquables sur ces images, et qui vont nous permettre de directement se diriger sur chacune d'entre elles. L'ensemble, va se réaliser très simplement avec le langage jQuery. La page HTML est de réalisation très simple : elle comporte toute une grande zone de slider, à l'intérieur de laquelle nous avons une autre zone comportant les quatre images. Enfin, se trouve également une autre zone pour les différents petits boutons sur les images. A noter, l'élément 'ul' s'appelle ici avec un identifiant « slides ». Au niveau du CSS, il n'y a rien de particulier à remarquer, si ce n'est que les éléments CSS ont été réalisés pour les petites bulles.