2 diaporamas sur une meme page html [Résolu]

Signaler
Messages postés
2
Date d'inscription
mercredi 25 mai 2005
Statut
Membre
Dernière intervention
17 novembre 2005
-
Messages postés
2
Date d'inscription
mercredi 25 mai 2005
Statut
Membre
Dernière intervention
17 novembre 2005
-
Bonjour,


J'ai récupéré un code pour un diaporama simple qui fonctionne bien (moins sous firefox !) mais cela me pose probleme quand je veux en mettre un deuxieme dans la meme page html.


J'ai essayé en rajoutant une 2eme balise img nommée "slide2" et en changeant le code mais ca ne fonctionne pas...
ceci dit je suis debutante donc j'ai du me planter quelque part.

Merci
pour votre aide




Voici le code pour un diaporama:





<SCRIPT language="JavaScript">

<!--

//la vitesse de transition (en milisecondes)

var slidespeed=3000

//les images

var slideimages=new Array("images/pages/01.jpg","images/pages/02.jpg")



var imageholder=new Array()

var ie=document.all

for (i=0;i<slideimages.length;i++){

imageholder[i]=new Image()

imageholder[i].src=slideimages[i]

}

//-->

</script>

</head>







<SCRIPT language="JavaScript">

<!--

var whichlink=0

var whichimage=0

var blenddelay=(ie)? document.images.slide.filters[0].duration*1 : 0

function slideit(){

if (!document.images) return

if (ie) document.images.slide.filters[0].apply()

document.images.slide.src=imageholder[whichimage].src

if (ie) document.images.slide.filters[0].play()

whichlink=whichimage

whichimage=(whichimage<slideimages.length-1)? whichimage+1 : 0

setTimeout("slideit()",slidespeed+blenddelay)

}

slideit()

//-->

</script>

1 réponse

Messages postés
2
Date d'inscription
mercredi 25 mai 2005
Statut
Membre
Dernière intervention
17 novembre 2005

Pour ceux que ca interesse voici le code pour 2 diaporamas :



<html>

<head>

<script language="JavaScript">

<!--

var ie=1;

if (navigator.appName=="Netscape") ie=0;

function slide(name,tab_img,speed) {

this.name=name;

this.images=tab_img;

this.nb_images=tab_img.length;

this.index=0;

this.speed=speed;

this.create_img=create_img;

this.change=change;

}

function create_img() {

document.write('');

for (i=1;i<this.nb_images;i++) {

document.write('');

}

}

function change() {

this.index++;

if (this.index==this.nb_images) {

this.index=0;

}

this.obj=document.getElementById(this.name)

if (ie) this.obj.filters[0].apply();

this.obj.src = this.images[this.index];

if (ie) this.obj.filters[0].play();

}

function ecrit_img() {

s1.create_img();

s2.create_img();

}

function start_slide() {

window.setInterval("s1.change();",s1.speed);

window.setInterval("s2.change();",s2.speed);

}

s1 = new slide("slide1",Array("img1.jpg","img2.jpg","img3.jpg","img4.jpg"),2000);

s2 = new slide("slide2",Array("img4.jpg","img3.jpg","img2.jpg","img1.jpg"),3000);

//-->

</script>

</head>

<script language="JavaScript">

ecrit_img();

</script>

</html>