Diaporama manuel dreamweaver 8
Résolu
poulpette
-
tilda -
tilda -
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
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
A voir également:
- Dreamweaver diaporama
- Faire un diaporama photo avec musique windows 10 - Guide
- Mettre plusieurs musique sur diaporama powerpoint - Forum Powerpoint
- Mettre plusieur musiques dans un powerpoint - Forum Powerpoint
- En préparant son diaporama, tom a pris quelques notes qui l'aideront lors de sa présentation. quand il présentera l'âne, il a prévu de raconter une anecdote sur cet animal. comment s'appelle l'âne de son histoire ? - Forum Windows
- Diaporama gratuit - Télécharger - Visionnage & Diaporama
9 réponses
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
<!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
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.
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.
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)
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)
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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