begin process at 2012 05 29 08:12:39
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Archive Javascript

 > 

Archives

 > 

AU SECOURS !!!

 > 

2 diaporamas sur une meme page html


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

2 diaporamas sur une meme page html

mercredi 16 novembre 2005 à 13:31:55 | 2 diaporamas sur une meme page html

colalune

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>

<body>
<img src="images/pages/01.jpg" name="slide" border=0 style="FILTER: progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.25,wipestyle=0,motion=forward)" width=300 height=220>
<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>
jeudi 17 novembre 2005 à 11:27:50 | Re : 2 diaporamas sur une meme page html

colalune

Réponse acceptée !
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('<img src="'+this.images[0]+'" name="'+this.name+'" Id="'+this.name+'" width="300" height="220" border="0" style="FILTER: progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.25,wipestyle=0,motion=forward)"/>');

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

document.write('<img src="'+this.images[i]+'" width="0" height="0" border="0"/>');

}

}





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>

<body onload="start_slide();">

<script language="JavaScript">

ecrit_img();

</script>



</body>

</html>




Cette discussion est classée dans : images, var, document, imageholder, whichimage


Répondre à ce message

Sujets en rapport avec ce message

Qui peut m'aider, merci... [ par DomBea ] Salut, j'ai trouve ce script qui me convient, 3 photos qui se succedent avec transition, mais toutefois j'aimerais bien qu'il ne "tourne" qu'une seule Redirection apres diaporama [ par DomBea ] Bonjour, c'est un script qui fait defiler 3 images avec un fondu puis s'arrete. Jusqu'a la tout va bien. J'aimerais qu'ensuite la page soit redirectio document.images.src qui ne fonctionne pas sous IE [ par MrChrist ] Bonjour, je travaille présentement sur une boutique virtuelle... Chaque item a une photo principale et plusieurs thumbnails, je veux que la photo prin Slideshow + lien [ par matix59 ] bonjour à tous ,j'ai un code pour faire un slideshow en javascript , le problème c'est que je ne sais pas comment ajouter un lien URL à chaque image.< [Javascript] Firefox et Opera VS Safari et IE [ par SpoonS2K ] Bonjour, après moultes recherches et avoir tourné le truc dans tout les sens, je m'en remet à vous. Je débute dans le Javascript, et dèja je m'aperçoi Afficher texte avec X et Y [ par bshaka ] Bonjour à tous,j'ai trouvé sur le web cette fonction qui affiche date et heure à une position x et y, pour l'appeler, je fais :InitHorloge(265,56,"fon meilleur moyen d'afficher l'heure [ par Bastian60 ] Bonjour,Voici un script que j'ai récupéré :var dayarray=new Array("Dimanche","Lundi","Mardi","Mercredi","Jeudi","Vendredi","Samedi");var montharray=ne Problème de cookie [ par molko13 ] Bonsoir à tous,Cela fait plusieurs jours que je me casse les dents sur la gestion d'un cookie qui serait à terme utilisé pour gérer l'affichage ou de génération d'un menu [ par neg03 ] Bonjour, je souhaite utiliser une fonction javascript pour créer un menu :function menu(div){  var b = document.createElement('b'); div.appendChild(b) Créer cellule td dans un tableau html [ par mike1310 ] Bonjour,J'ai un probleme de compatibilité entre IE et Mozilla (le truc super rare !!! ).Mon probleme lors d'un clic, sur un bouton, je dois pouvoir aj


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,328 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales