Création d'un diaporama sur dreamweaver [Résolu]

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

killpatate · 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.

28/02/2007, 00h43	#1
SPM777 Invité régulier Inscription : février 2007 Messages : 25 Détails du profil Informations forums : Inscription : février 2007 Messages : 25 Points : 6 Points : 6	Création d'un diaporama sur dreamweaver 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
	00

28/02/2007, 09h14	#2
blueice Modérateur Inscription : mars 2003 Messages : 3 422 Détails du profil Informations personnelles : Âge : 37 Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur) Informations forums : Inscription : mars 2003 Messages : 3 422 Points : 4 110 Points : 4 110	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 __________________ -_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_SIGNATURE -_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_- Dans la mesure du possible, essayez de montrer votre problème en situation réelle en nous donnant une url, que l'on puisse tester. Pensez également à cocher Aucun problème ne doit être résolu en MP (Message Privé) le forum est là pour ça. Dimension Internet - Carnet Web Imprimerie Nice
	00

28/02/2007, 10h41	#3
SPM777 Invité régulier Inscription : février 2007 Messages : 25 Détails du profil Informations forums : Inscription : février 2007 Messages : 25 Points : 6 Points : 6	Galerie Photo Merci de m'avoir répondu. Mais où puis-je trouver la galerie photo dans DW? à bientot. Flo
	00

28/02/2007, 10h47	#4
blueice Modérateur Inscription : mars 2003 Messages : 3 422 Détails du profil Informations personnelles : Âge : 37 Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur) Informations forums : Inscription : mars 2003 Messages : 3 422 Points : 4 110 Points : 4 110	Menu Commandes -> Créer un album photo pour le web __________________ -_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_SIGNATURE -_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_- Dans la mesure du possible, essayez de montrer votre problème en situation réelle en nous donnant une url, que l'on puisse tester. Pensez également à cocher Aucun problème ne doit être résolu en MP (Message Privé) le forum est là pour ça. Dimension Internet - Carnet Web Imprimerie Nice
	00

28/02/2007, 11h02	#5
SPM777 Invité régulier Inscription : février 2007 Messages : 25 Détails du profil Informations forums : Inscription : février 2007 Messages : 25 Points : 6 Points : 6	Merci Oui c'est ce que je viens de trouver, et je suis obliger de passer (telecharger)par fireworks pour faire un diaporama de photos ??
	00

28/02/2007, 11h45	#6
blueice Modérateur Inscription : mars 2003 Messages : 3 422 Détails du profil Informations personnelles : Âge : 37 Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur) Informations forums : Inscription : mars 2003 Messages : 3 422 Points : 4 110 Points : 4 110	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 ? __________________ -_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_SIGNATURE -_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_- Dans la mesure du possible, essayez de montrer votre problème en situation réelle en nous donnant une url, que l'on puisse tester. Pensez également à cocher Aucun problème ne doit être résolu en MP (Message Privé) le forum est là pour ça. Dimension Internet - Carnet Web Imprimerie Nice
	00

28/02/2007, 23h12	#7
SPM777 Invité régulier Inscription : février 2007 Messages : 25 Détails du profil Informations forums : Inscription : février 2007 Messages : 25 Points : 6 Points : 6	Pc 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
	00

28/02/2007, 23h13	#8
SPM777 Invité régulier Inscription : février 2007 Messages : 25 Détails du profil Informations forums : Inscription : février 2007 Messages : 25 Points : 6 Points : 6	oubli 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
	00

28/02/2007, 23h40	#9
killpatate Membre confirmé Aurelien Vaillant Infographiste 3D Inscription : septembre 2005 Messages : 232 Détails du profil Informations personnelles : Nom : Aurelien Vaillant Âge : 24 Localisation : France, Isère (Rhône Alpes) Informations professionnelles : Activité : Infographiste 3D Secteur : Arts - Culture Informations forums : Inscription : septembre 2005 Messages : 232 Points : 234 Points : 234	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 ^^
	00

01/03/2007, 18h34	#10
SPM777 Invité régulier Inscription : février 2007 Messages : 25 Détails du profil Informations forums : Inscription : février 2007 Messages : 25 Points : 6 Points : 6	au secours 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
	00

02/03/2007, 11h04	#11
blueice Modérateur Inscription : mars 2003 Messages : 3 422 Détails du profil Informations personnelles : Âge : 37 Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur) Informations forums : Inscription : mars 2003 Messages : 3 422 Points : 4 110 Points : 4 110	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... __________________ -_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_SIGNATURE -_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_- Dans la mesure du possible, essayez de montrer votre problème en situation réelle en nous donnant une url, que l'on puisse tester. Pensez également à cocher Aucun problème ne doit être résolu en MP (Message Privé) le forum est là pour ça. Dimension Internet - Carnet Web Imprimerie Nice
	00

02/03/2007, 11h52	#12
SPM777 Invité régulier Inscription : février 2007 Messages : 25 Détails du profil Informations forums : Inscription : février 2007 Messages : 25 Points : 6 Points : 6	uploader ??? 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
	00

02/03/2007, 12h13	#13
blueice Modérateur Inscription : mars 2003 Messages : 3 422 Détails du profil Informations personnelles : Âge : 37 Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur) Informations forums : Inscription : mars 2003 Messages : 3 422 Points : 4 110 Points : 4 110	"Upload" (mot anglais pour signifier de charger des fichiers) ici sur le serveur web... __________________ -_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_SIGNATURE -_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_- Dans la mesure du possible, essayez de montrer votre problème en situation réelle en nous donnant une url, que l'on puisse tester. Pensez également à cocher Aucun problème ne doit être résolu en MP (Message Privé) le forum est là pour ça. Dimension Internet - Carnet Web Imprimerie Nice
	00

03/03/2007, 19h33	#16
SPM777 Invité régulier Inscription : février 2007 Messages : 25 Détails du profil Informations forums : Inscription : février 2007 Messages : 25 Points : 6 Points : 6	Merci MILLE FOIS MERCI ça marche !!!! Bon week gentil modérateur niçois...
	00

31/12/2007, 18h25	#17
emmaube Invité de passage Inscription : décembre 2007 Messages : 1 Détails du profil Informations forums : Inscription : décembre 2007 Messages : 1 Points : 1 Points : 1	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
	00

31/03/2009, 15h18	#19
Vil'Coyote Modérateur Développeur Web Inscription : février 2008 Messages : 3 317 Détails du profil Informations personnelles : Âge : 31 Localisation : France, Marne (Champagne Ardenne) Informations professionnelles : Activité : Développeur Web Informations forums : Inscription : février 2008 Messages : 3 317 Points : 4 513 Points : 4 513	salut, remplace <body OnLoad="startPix() bgcolor="#FFFFFF" class="thrColElsHdr"> par <body OnLoad="startPix()" bgcolor="#FFFFFF" class="thrColElsHdr"> cela devrais mieux aller.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email