Bonjour,
Je souhaite réaliser un scroll sur 5 images affichées en boucle pour simuler une petite animation.
Au départ j'ai utilisé 5 images BMP de 150X150 soit 66Ko environ. J'ai tout de suite vu que le chargement des images prenait du temps et c'est saccadé.
Première modification je suis passé en JPG 150X150 soit environ 3,3Ko et..... C'est pareil.
Est-il possible de charger toutes les images avant de commencer l'animation ou d'autres techniques ?
Merci
Voici mon code :
Avec dans la page HTML :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10 function MovingPicture() { // Datation de début d'affichage var datation = new Date(); var texte = "<img src='imageNumero_"; texte += (datation.getSeconds()%6); texte += ".JPG' alt='mon commentaire...' border=1>"; document.getElementById("_MovingPicture").innerHTML = texte; setTimeout("MovingPicture", 990); }
Code : Sélectionner tout - Visualiser dans une fenêtre à part <p align="center"><span id="_MovingPicture"></span></p>
Partager