bonjour,
voila je me suis tester, avec du HTML:
<marquee id="id1" direction="up" scrollamount="2" height="150" width="200">
<span onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();">
<img src="../theme/vente/images1.png" >
<img src="../theme/vente/images2.png" >
<img src="../theme/vente/images3.png" >
<img src="../theme/vente/images4.png" >
<img src="../theme/vente/images5.png" >
<img src="../theme/vente/images6.png" >
<img src="../theme/vente/images7.png" >
</span>
</marquee>
ça marche très bien sauf que ne souhaite pas faire défiler juste apparaitre disparaitre et quand la page se charge il n'y a aucune photo d'afficher, seulement après une seconde le défilement commence.
Et j'ai trouvé un code qui semblait correspondre a ce que je cherchais en javascript. Ma page se charge, j'ai bien ma première photo d'affiché mais aucun défilement(apparaitre/disparaitre), la photo reste fixe.
voila mon code:
<SCRIPT LANGUAGE="JavaScript">
<!--
var timeDelay = 5;
var Pix = new Array
("mon_image_01.jpg"
,"mon_image_02.jpg"
,"mon_image_03.jpg"
,"mon_image_04.jpg"
);
var howMany = Pix.length;
timeDelay *= 1000;
var PicCurrentNum = 0;
var PicCurrent = new Image();
PicCurrent.src = Pix[PicCurrentNum];
function startPix() {
setInterval("slideshow()", timeDelay);
}
function slideshow() {
PicCurrentNum++;
if (PicCurrentNum == howMany) {
PicCurrentNum = 0;
}
PicCurrent.src = Pix[PicCurrentNum];
document["ChangingPix"].src = PicCurrent.src;
}
// End -->
</script>
//dans mon body je charge la fonction startPix
<body OnLoad="startPix()">
// puis dans mon tableau d'affichage
<img name="ChangingPix" src="mon_image_01.jpg">
Merci pour votre aide!!!