Forum Crea illusion Fantasy
SlideShow sans CSS3 Bannie10

Coucou,

Merci de nous rejoindre sur le forum, j'espère que l'on passera de bons moments ensembles.

Au plaisir de te lire dans les différentes catégories.

Le Staff du forum Crea illusion Fantasy.

Forum Crea illusion Fantasy

#Forum d'entraide, une inscription pour nous rejoindre. Les débutants sont les bienvenu aussi :)


 

Partagez

SlideShow sans CSS3

Voir le sujet précédent Voir le sujet suivant Aller en bas
AuteurMessage
Ptite_Perle
Messages : 4717
Venue : 27/06/2009 Je suis : Féminin
Né(e) le : 17/09/1963
Age : 55
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 83299
Fondatrice
Ptite_Perle
MessageSujet: SlideShow sans CSS3 SlideShow sans CSS3 EmptyVen 8 Déc 2017 - 20:01

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>
Revenir en haut Aller en bas

SlideShow sans CSS3

Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 1

Sujets similaires

-
» La télé sans fil
» Inforad communiquant sans frais d'abonnement ?
» Editeur de texte (réponse rapide) tout petit et sans barre d'outils
» Fond du forum opaque ( sans trace de cases colorées..)
» mise en page change sans raison

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Forum Crea illusion Fantasy :: Le comptoir du renseignement :: Codes pour Sites web-