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 :
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);	
}
Avec dans la page HTML :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
<p align="center"><span id="_MovingPicture"></span></p>