Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5857 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 120057 SlideShow sans CSS3 | | Coucou Voici comment faire un SlideShow sans CSS3 - Code:
-
<body OnLoad="Preload();Affiche();">
-------------------------------------------------------
<div id="DivImg" style="width:600px;height:400px;border:1px solid;overflow:hidden;" > <div style="font-size:1px;letter-spacing:-1px;white-space:nowrap;display:inline;float:left" > <img src="img1.jpg" width="600" height="400" > <img src="img2.jpg" width="600" height="400" > <img src="img3.jpg" width="600" height="400" > <img src="img4.jpg" width="600" height="400" > </div> </div> Javascript - Code:
-
<script type="text/javascript">
// PRELOAD DES IMAGES
var Photos = new Array('img1.jpg','img2.jpg','img3.jpg','img4.jpg') ;
function Preload() { photos_chargées = new Array() ; for ( i = 0 ; i<Photos.length ; i++ ) { photos_chargées[i] = new Image() ; photos_chargées[i].src = Photos[i] ; } }
// SLIDE SHOW
var Timer ; var Depl = 0 ; var Num = 0 ; var Vitesse ; var Sens ;
function Affiche() { var Contenu = document.getElementById("DivImg") ; Contenu.scrollLeft += Depl ; if ( Num == 0 || Num == 100 || Num == 200 || Num == 300 ) Vitesse = 3000 ; else Vitesse = 1 ; if ( Num == 0 ) Sens = "G" ; if ( Num == 300 ) Sens = "D" ; if ( Sens == "G" ) { Num++ ; Depl = 6 ; Sens = "G" ; } if ( Sens == "D" ) { Num-- ; Depl = -6 ; Sens = "D" ; } Timer = setTimeout('Affiche()', Vitesse) ; }
</script> |
| |