Sujet Précédent Sujet Suivant

2 diaporamas sur une meme page html

Résolu
colalune Messages postés 2 Date d'inscription mercredi 25 mai 2005 Statut Membre Dernière intervention 17 novembre 2005 - 16 nov. 2005 à 13:31
colalune Messages postés 2 Date d'inscription mercredi 25 mai 2005 Statut Membre Dernière intervention 17 novembre 2005 - 17 nov. 2005 à 11:27
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

Réponse 1 / 1
colalune Messages postés 2 Date d'inscription mercredi 25 mai 2005 Statut Membre Dernière intervention 17 novembre 2005
17 nov. 2005 à 11:27
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>
3

Discussions similaires

exemple de page d'accueil avec la balise div et css
belkaiednaim -
belkaiednaim -

5 réponses
code source HTML
bandifull -
bandifull -

5 réponses
Interface pour chaque page
Xini28 -
malalam -

4 réponses
Turbo C++
cs_jrod -
cmarsc -

1 réponse
Reload d'une page
jnbrunet -
Anthomicro -

6 réponses
Rejoignez-nous