Diaporama manuel dreamweaver 8

Résolu/Fermé
poulpette - 8 févr. 2008 à 12:24
 tilda - 25 avril 2008 à 13:38
Bonjour,
Je voudrais faire un diaporama manuel sous dreamweaver 8. J'ai une galerie de 40 images et je voudrais un diaporama actionné manuellement par le biais d'un clic sur le signe < ou >, pour reculer ou avancer et qui nous fait découvrir les images (de 400 x400 px) au fur et à mesure des clics.
Je précise que je ne veux pas de petites vignettes correspondantes aux grandes, comme c'est souvent le cas dans des scripts ou applications.
J'ai essayer le visualisateur d'image flash mais ça ne me convient pas non plus car l'internaute doit avoir télécharger sur sa machine flash player dernière version et de plus, cette application génère une barre de navigation qui ne me plaît pas.
Qui peut m'aider ?
Merci d'avance

9 réponses

francisbrico Messages postés 967 Date d'inscription samedi 27 août 2005 Statut Contributeur Dernière intervention 3 juillet 2008 369
8 févr. 2008 à 12:47
exemple

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="fr-fr">
<head>
<meta http-equiv="imagetoolbar" content="no">
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>gdephotocamping</title>
<meta content="Francis" name="author">
<meta http-equiv="Pragma" content="no-cache">
<script language="JavaScript">
window.moveTo(0,0);
if (document.getElementById || document.all)
{
window.resizeTo(screen.availWidth, screen.availHeight);
}
else if (document.layers)
{
if (window.outerHeight<screen.availHeight || window.outerWidth<screen.availWidth)
{
window.outerHeight = screen.availHeight;
window.outerWidth = screen.availWidth;
}
}
</script>

<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<style>.grad {font-size:8px;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#9999FF',EndColorStr='#FFFFFF');} span.uu td,span.uu a {text-align:center;font-size:8px;font-family:Arial;color:#6666FF;text-decoration:none;}</style>
<script language="JavaScript">
<!--
//PLF-https://twitter.com/ceosammassey
var bauto = 0;
var dossier="Images/"; ou se trouvent tes images
var numero = 1;
function objet() {
this.length = objet.arguments.length
for (var i = 0; i < this.length; i++) this[i+1] = objet.arguments[i]
}
var nom = new objet ("camping-1.JPG", "camping-2.JPG", "camping-3.JPG", "camping-4.JPG", "camping-5.jpg", "camping-6.jpg", "camping-7.jpg", "camping-9.jpg", "la voix du nord.jpg"); Remplace camping-1 etc par tes images
function suivante() {
numero += 1;
if (numero == nom.length + 1) numero = 1;
document.image.src = dossier+nom[numero];
}
function precedente() {
numero -= 1;
if (numero == 0) numero = nom.length;
document.image.src = dossier+nom[numero];
}
function changer() {
numero += 1;
if (numero == nom.length + 1) numero = 1;
document.image.src = dossier+nom[numero];
roll=setTimeout("changer()", 1500);
}
function initial() {
window.clearTimeout(roll);
document.image.src = dossier+nom[numero];
}
function auto() {
if (bauto == 0) {
bauto =1; changer();
document.vision.automat.value=" Lecture/Stop ";
}
else {
bauto =0; initial();
document.vision.automat.value=" Lecture/Automatique ";
}
}
//-->
</script>
</head>
<body style="color: rgb(0, 0, 0); background-color: rgb(224, 224, 224);"
alink="#000099" link="#000099" vlink="#990099">
<div style="text-align: center;"><big><big><big><span
style="font-weight: bold;">Photos
du  Camping</span></big></big></big></div>
<br>
<form name="vision">
<div align="center">

<div style="text-align: center;"><input value="Retour"
onclick="self.close()" type="button"> 
            <input name="precedent"
value="précédente" onclick="precedente();" type="button">   
<input name="suivant" value=" Suivante " onclick="suivante();"
type="button">   
<input name="automat" value=" Lecture/Automatique " onclick="auto();"
type="button"></div>
</div>
</form>
<div align="center"> <img src="Images/camping-1.JPG" name="image"
height="420" width="638"></div>

</body>
</html>

dis-moi si ca te plait
1
Salut!!
je voulais, moi aussi, faire un diaporama pour mettre mon book en ligne et j'ai fait tout ce que tu as dis, ca marche TRES bien. Le problème c'est que je n'aime pas trop les boutons utilisés et que j'aimerais bien mettre des bouttons que j'ai fait sur flash à la place. ET là...je bloque...pourrais tu m'aider?
Merci d'avance
Tilda
0
Merci pour ton aide.
Je viens de tester ce matin (excuses-moi pour ma réponse tardive, je n'étais pas là ce we). Il me plaît bien, j'y ai apporté quelques modifications mais apparemment il faut donc passer par jejalbum.net qui propose des scripts et comme je commence en webmastering, je ne sais pas vraiment à quoi correspond un script, qu'est-ce que ça veut dire, et les risques d'utiliser un script.
En effet, si jejalbum.net venait à ne plus exister, mes pages web seraient perdues, non ?
Qu'en penses-tu ?
merci d'avance.
0
francisbrico Messages postés 967 Date d'inscription samedi 27 août 2005 Statut Contributeur Dernière intervention 3 juillet 2008 369
11 févr. 2008 à 18:10
oui tu peux passer par celui la ou
http://www.editeurjavascript.com/scripts/

ou
https://www.toutjavascript.com/reference/ref-object.php

et
http://www.henri-ruch.ch/HTML/Couleurs/couleurs.asp

ou

http://www.espacejavascript.com/

mais fait attention que les scripts soient compatible IE et firefox (mozilla)
0
merci.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
francisbrico Messages postés 967 Date d'inscription samedi 27 août 2005 Statut Contributeur Dernière intervention 3 juillet 2008 369
19 févr. 2008 à 18:35
n'oublie pas STP de mettre problème RESOLU
merci
a+
0
problème résolu
0
francisbrico Messages postés 967 Date d'inscription samedi 27 août 2005 Statut Contributeur Dernière intervention 3 juillet 2008 369
20 févr. 2008 à 13:05
tu dois avoir une case a cocher pour indiquer résolu
0
je ne vois pas, j'ai regardé partout ....
0
résolu
0