Forum d'entraide Crea illusion Fantasy


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 d'entraide Crea illusion Fantasy

Aides, Conseils, Forum, Sites web, blogs, tout supports, Graphismes, Tutoriels, Publicités.


AccueilAccueil  FAQFAQ  PortailPortail  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez|

SlideShow sans CSS3

Voir le sujet précédent Voir le sujet suivant Aller en bas
AuteurMessage
avatar
Messages : 5001
Venue : 27/06/2009 Je suis : Féminin
Né(e) le : 17/09/1963
Age : 55
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 10543
Fondatrice
Ptite_Perle
18 - 16
MessageSujet: SlideShow sans CSS3 Ven 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
http://www.creaillusionfantasy.com/

SlideShow sans CSS3

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

Sujets similaires

-
» [résolu]Antivir me signale sans arrêt que j'ai un virus quand j'utilise firefox
» Question sur d-Link sans fil ?
» Protection de zone sans détecteur
» Obtenir le nombre de caractère d'un fichier sans le charger en mémoire vive
» Reshade : agrandir un peu ses images sans les pixeliser

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Forum d'entraide Crea illusion Fantasy :: Caverne d'Alibaba du forum :: Créer-