Comment faire défiler un chapiteau avec plusieurs images

Si vous êtes quelque peu familiarisé avec le codage HTML nécessaire pour faire défiler une seule image sur une page tout en utilisant le tag, il y a de fortes chances qu'il ne vous soit pas difficile de faire défiler plusieurs images sur l'écran. Lors du défilement de plusieurs images sur une page HTML à l'aide d'un tag, vous constaterez que la même structure de base que vous utiliseriez pour faire défiler une seule image est utilisée - avec quelques balises d'image supplémentaires.

Étape 1

Ouvrez la page HTML dans laquelle vous souhaitez faire défiler plusieurs images.

Vidéo du jour

Étape 2

Insérez le code suivant dans la section du document où vous souhaitez que les images défilent. Cela devrait être entre les balises et :

Étape 3

Remplacer "http://www.website.com/image1.jpg," "http://www.website.com/image2.jpg" et "http://www.website.com/image3.jpg" avec les chemins de fichiers ou les URL des images que vous souhaitez faire défiler sur la page.

Vous devez utiliser un chemin de fichier uniquement si vous utilisez une image enregistrée sur le même serveur que votre site Web. Un chemin de fichier n'inclut pas le "

http://www.website.com" partie de l'URL, uniquement ce qui suit la barre oblique. Par exemple, si l'URL complète était "http://www.website.com/image3.jpg," il vous suffirait d'insérer "image3.jpg".

Si l'image provient d'un autre site Web, vous devez insérer l'URL complète. Il peut s'agir d'une photo provenant d'un serveur de photos en ligne ou de tout autre site Web pour lequel vous disposez de l'URL d'une image publiée.

Étape 4

Publiez la page.

références & ressources

  • Blu Archer: Tutoriels Gif Train
  • Écoles W3: Apprendre le HTML