plusieurs diaporamas différents dans plusieurs pages

**Mut** · 06/09/2011, 20h54

Bonsoir,

Je souhaite afficher dans plusieurs pages, plusieurs diaporamas avec des photos différentes.

J'ai donc

- une "Page1" avec deux rubriques
- Une "page2" avec deux rubriques

Je souhaite pouvoir afficher dans chaques rubriques un diaporama avec des photos différentes.

J'ai récupérer ceci et essayer de le travailler mais sans succés :

fichier "script" :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
 
var slideShowSpeed = 4000
 
var crossFadeDuration = 3
 
var Pic = new Array()
 
Pic[0] = 'images/accueil/image1.jpg'
 
Pic[1] = 'images/accueil/image2.jpg'
 
Pic[2] = 'images/accueil/image3.jpg'
 
var t
 
var j = 0
 
var p = Pic.length
 
var preLoad = new Array()
 
for (i = 0; i < p; i++){
 
preLoad[i] = new Image()
 
preLoad[i].src = Pic[i]
 
}
 
function runSlideShow(){
 
if (document.all){
 
document.images.SlideShow.style.filter="blendTrans(duration=2)"
 
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"
 
document.images.SlideShow.filters.blendTrans.Apply() 
 
}
 
document.images.SlideShow.src = preLoad[j].src
 
if (document.all){
 
document.images.SlideShow.filters.blendTrans.Play()
 
}
 
j = j + 1
 
if (j > (p-1)) j=0
 
t = setTimeout('runSlideShow()', slideShowSpeed)
 
}

body de chaque page :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<body onload="runSlideShow()">

Il faudrait donc que le mot "accueil" change suivant la page et la rubrique afin que le bon diaporama s'affiche dans chaque rubrique...

Si quelqu'un a une solution....

Merci !

Invité · 10/09/2011, 21h24

Bonjour,
où est le problème ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
function runSlideShow(repimg) {
	var repimg;
	// [...]
	Pic[0] = repimg+'/image1.jpg'
	Pic[1] = repimg+'/image2.jpg'
	Pic[2] = repimg+'/image3.jpg'
	// [...]
}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<body onload="runSlideShow('images/accueil')">

**Mut** · 12/09/2011, 19h23

Le problème c'est que l'image ne change plus car je pense que le dernier appel de la fonction n'est pas bon :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
 
 
var slideShowSpeed = 4000
 
var crossFadeDuration = 3
 
var Pic = new Array()
 
var t
var j = 0
 
function runSlideShow(repimg){
 
//var repimg;
 
 
 
Pic[0] = repimg+'/image1.jpg'
 
Pic[1] = repimg+'/image2.jpg'
 
Pic[2] = repimg+'/image3.jpg'
 
 
 
var p = Pic.length
 
var preLoad = new Array()
 
for (i = 0; i < p; i++){
 
preLoad[i] = new Image()
 
preLoad[i].src = Pic[i]
 
}
if (document.all){
 
document.images.SlideShow.style.filter="blendTrans(duration=2)"
 
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"
 
document.images.SlideShow.filters.blendTrans.Apply() 
 
}
 
document.images.SlideShow.src = preLoad[j].src
 
if (document.all){
 
document.images.SlideShow.filters.blendTrans.Play()
 
}
 
j = j + 1
 
if (j > (p-1)) j=0
 
t = setTimeout("runSlideShow('"repimg"')", slideShowSpeed)
 
}

j'appelle la fonction comme ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<body onload="runSlideShow('images/accueil')">

et l'insertion de l'image se fait ainsi :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<img src="images/accueil/image1.jpg" name="SlideShow" width="400" height="350" alt="Exemples" style="float:left;border:0;margin: 1em 1em 0 0;">

Si j'enlève la variable repimg dans le dernier appel de la fonction, ça défile mais sans les images....

**Mut** · 12/09/2011, 19h24

Mince....j'avais juste oublié les + + autour de la variable....

Merci beaucoup

**Mut** · 13/09/2011, 18h27

Bonjour,

Je reviens sur ce sujet car en fait il est en partie résolu. J'ai oublié un paramètre qui ne fonctionne pas. Le code ci-dessus fonctionne bien et permet de changer de chemin sur chaques différentes pages. Mon problème est que je souhaiterais également pouvoir personnaliser l'affichage des diapos sur une meme page. C'est à dire, pouvoir avoir deux diapos sur une même page affichant chacun une série d'images différentes....

Merci

Invité · 13/09/2011, 19h40

Ce n'est pas si compliqué :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<body onload="runSlideShow('images/accueil','SlideShow1'); runSlideShow('images/autredossier','SlideShow2');">

et la fonction :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
function runSlideShow(repimg,slidename) {
	var repimg; // rep des images
	var slidename; // name de l image
 
	// ET REMPLACER partout :
	// document.images.SlideShow.
	// par (je crois) :
	document.images.[slidename].

plusieurs diaporamas différents dans plusieurs pages

JavaScript

Vue hybride

Discussions similaires

Partager

Partager