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-
http://www.jejavascript.net/
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
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