Création d'un diaporama sur dreamweaver

**SPM777** · 28/02/2007, 00h43

Bonjour,
je viens de m'inscrire.
je débute sur dreamweaver, et je voudrais insérer un diaporama de photos sur ma page d'accueil.
Il ya t-il des sites qui offrent des diaporamas ou faut-il un code spécifique ?

merci beaucoup

**blueice** · 28/02/2007, 09h14

Pour faire une galerie photo c'est intégré dans Dreamweaver, maintenant pour un diaporama, tu peux trouver des extensions à DW ou alors par exemple celui-ci qui est ultra simple :

http://www.andrewberg.com/photobrowser/afpb_flash.html

**SPM777** · 28/02/2007, 10h41

Merci de m'avoir répondu. Mais où puis-je trouver la galerie photo dans DW?
à bientot.
Flo

**blueice** · 28/02/2007, 10h47

Menu Commandes -> Créer un album photo pour le web

**SPM777** · 28/02/2007, 11h02

Oui c'est ce que je viens de trouver, et je suis obliger de passer (telecharger)par fireworks pour faire un diaporama de photos ??

**blueice** · 28/02/2007, 11h45

Ah oui j'oubliais, en principe oui à moins qu'en spécifiant un autre éditeur celà fonctionne...
Mais il vaut mieux effectivement avoir FW...

Tu es sur quelle plate forme Mac ou PC ?

**SPM777** · 28/02/2007, 23h12

JE SUIS SUR PC.

je n'ai pas d'autres moyens que FW pour mettre un diaporama tout simple ? est ce que par powerpoint ça marche ?
je continue de chercher un "code tout fait" sur le net..merci de vos conseils...très précieux pour moi
A+
Flo

**SPM777** · 28/02/2007, 23h13

j'ai téléchargé le lien que vous m'avez donné au début...mais je ne comprends pas àprès ce que je dois faire...un peu bête la fille ! désolée..j'ai encore tellement à apprendre!!
ciaoooo

**stilobique** · 28/02/2007, 23h40

C'est gallerie est assez sympa

Pour l'utiliser il y a un petit fichier .txt dans l'archive qui l'explique, bon c'est en anglais mais si même moi arrive à comprendre c'est que c'est pas dur ^^

**SPM777** · 01/03/2007, 18h34

svp, modérateur, j'ai la tete qui chauffe !!
je ne comprends pas...une fois que le dossier est sur mon bureau, je ne sais pas quoi faire..il ya pleins de dossiers dedans...vraiment pouvez-vous m'aider...
http://www.andrewberg.com/photobrowser/afpb_flash.html

que dois-je faire ?? un grand merci
Flo

**blueice** · 02/03/2007, 11h04

Il suffit de prendre les photos d'en faire une copie en les réduisant pour en faire des vignettes, ensuite on place les vignettes dans "thumbs" et les images dans "images", les images et leurs équivalent en vignettes doivent avoir le même nom.
Ensuite il suffit d'uploader les dossiers "thumbs", "images" et les fichiers "index.html", "images.php", "browser.swf"

Rien de plus simple...

**SPM777** · 02/03/2007, 11h52

merci, j'ai commencé première étape...mais je suis désolée, ça veut quoi "uploader" ???
je fais quoi....????
sorry, merci de me répondre
Flo

**blueice** · 02/03/2007, 12h13

"Upload" (mot anglais pour signifier de charger des fichiers) ici sur le serveur web...

**SPM777** · 03/03/2007, 12h03

Encore moi ! J'ai trouvé ce code javascript..mais les photos ne s'affichent pas...mon ami de Nice si tu as qq minutes pour y jetter un oeil..merci
je l'ai placé avant /body>

Code javascript :

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
 <SCRIPT LANGUAGE="JavaScript">
<!--
var timeDelay = 5;
var Pix = new Array
("mon_image_01.jpg" 
,"mon_image_02.jpg" 
,"mon_image_03.jpg" 
,"mon_image_04.jpg" 
);
var howMany = Pix.length;
timeDelay *= 1000;
var PicCurrentNum = 0;
var PicCurrent = new Image();
PicCurrent.src = Pix[PicCurrentNum];
function startPix() {
setInterval("slideshow()", timeDelay);
}
function slideshow() {
PicCurrentNum++;
if (PicCurrentNum == howMany) {
PicCurrentNum = 0;
}
PicCurrent.src = Pix[PicCurrentNum];
document["ChangingPix"].src = PicCurrent.src;
}
//  End -->
</script>

**blueice** · 03/03/2007, 14h09

Il faut insérer ceci dans la section <head> de la page :

Code javascript :

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
<SCRIPT LANGUAGE="JavaScript">
<!--
var timeDelay = 5;
var Pix = new Array
("mon_image_01.jpg"
,"mon_image_02.jpg"
,"mon_image_03.jpg"
,"mon_image_04.jpg"
);
var howMany = Pix.length;
timeDelay *= 1000;
var PicCurrentNum = 0;
var PicCurrent = new Image();
PicCurrent.src = Pix[PicCurrentNum];
function startPix() {
setInterval("slideshow()", timeDelay);
}
function slideshow() {
PicCurrentNum++;
if (PicCurrentNum == howMany) {
PicCurrentNum = 0;
}
PicCurrent.src = Pix[PicCurrentNum];
document["ChangingPix"].src = PicCurrent.src;
}
//  End -->
</script>

Il faut mettre à la place des "mon_image_..." le nom de tes images.

Ensuite il faut à la place de la balise <body> mettre :

Code :

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

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

Et enfin à l'endroit où doit apparaître le diaporama, mettre ceci, en remplacant "mon_image_01.jpg" par le nom de ta première image que tu souhaites voir apparaître :

Code :

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

1
2
<img name="ChangingPix" src="mon_image_01.jpg">

**SPM777** · 03/03/2007, 19h33

MILLE FOIS MERCI
ça marche !!!!
Bon week gentil modérateur niçois...

**emmaube** · 31/12/2007, 18h25

Bonjour,

Une autre "aveugle" a besoin des lumières du gentil modérateur niçois, ou de tout autre personne pouvant l'aider.

J'ai suivi la procédure expliquée, pour le code javascript. Le diaporama apparait bien, la 1ère photo aussi, mais lorsque ça passe à la 2ème, une croix apparait. J'ai essayé d'indiquer le chemin en relatif et en absolu, mais toujours rien.

Avez-vous une idée ?

D'autre part, ce sript est compatible avec quels navigateurs et quelles versions ?

Je vous remercie par avance de ce que vous m'apprendre,

Emma

**nboubeur** · 27/03/2009, 15h17

UUmm ca ne fonctionne pas pour moi je ne comprend pas pourtant la premiere image s'affiche ...

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
<SCRIPT LANGUAGE="JavaScript">
<!--
var timeDelay = 2;
var Pix = new Array
("\images\diapovvv\DSC00677_1.jpg" 
,"\images\diapovvv\DSC00678_1.jpg" 
,"\images\diapovvv\DSC00679_1.jpg" 
,"\images\diapovvv\DSC00680_1.jpg" 
);
var howMany = Pix.length;
timeDelay *= 1000;
var PicCurrentNum = 0;
var PicCurrent = new Image();
PicCurrent.src = Pix[PicCurrentNum];
function startPix() {
setInterval("slideshow()", timeDelay);
}
function slideshow() {
PicCurrentNum++;
if (PicCurrentNum == howMany) {
PicCurrentNum = 0;
}
PicCurrent.src = Pix[PicCurrentNum];
document["ChangingPix"].src = PicCurrent.src;
}
//  End -->
</script>

puis ca :

Code :

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

<body OnLoad="startPix() bgcolor="#FFFFFF" class="thrColElsHdr">

et pour afficher l'image de depart :

Code :

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

    <img name="ChangingPix" src="/images/diapovvv/DSC00677_1.jpg" width="500" height="375">

à savoir que mes pages sont en CSS

Code :

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

1
2
3
4
5
6
7
8
<div id="mainContent">

blabla bla le code ci dessus


in de #footer -->
  </p></div>
<!-- fin de #container --></div>

**Vil'Coyote** · 31/03/2009, 15h18

salut,

remplace <body OnLoad="startPix() bgcolor="#FFFFFF" class="thrColElsHdr">

par <body OnLoad="startPix()" bgcolor="#FFFFFF" class="thrColElsHdr">

cela devrais mieux aller.

Création d'un diaporama sur dreamweaver

Dreamweaver

Discussions similaires

Partager

Partager