Diaporama

Contenu du snippet

Bon vous devez remplacer les xxxxxxxxxxxxxx par le nom de votre photo
tout en haut vous devez remplacer "Repertoire ou sont vos photos/" par le repertoir
et tout en bas du code il fau remplacer le repertoire et les xxxx par vos photo

Source / Exemple :


<html>

<head>
</STYLE>
var bauto = 0;
var dossier="Repertoire  ou sont vos photos/";
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 ("xxxxxxxxxxxxxxxxxxxxxxxxxxx.jpg", "xxxxxxxxxxxxxxxxxxxxxxxx.jpg");
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=" Lect/Stop "; 
} 
else {
bauto =0; initial();
document.vision.automat.value=" Lect/Auto ";
}
}
//-->
</script>
</head>

<body text="#FFFFFF" bgcolor="#000000">
<div align="center"> 
<b><font size="4" color="#FF0000">Des conneries acrobatiques aux grimace de 
boeuf, y'a de tout encore une fois</font></b></div>
<div align="center"> 
&nbsp;</div>
<div align="center"> 
&nbsp;</div>
<div align="center"> 
<input type="button" name="PrEcEdEnT" value="PrEcEdEnT" onClick="precedente();" style="color: #FF0000; font-weight: bold">
&nbsp;&nbsp;&nbsp; 
<input type="button" name="SuIvAnTe" value="SuIvAnTe" onClick="suivante();" style="color: #FF0000; font-weight: bold">
&nbsp;&nbsp;&nbsp; 
<input type="button" name="automat" value="DiApOrAmA"onClick="auto();">
</div>
</form>
<div align="center">&nbsp;</div>

<div align="center"><img src="Repertoire ou sont vos photos/xxxxxxxxxxxxxxxxx.JPG" name="image" width="640" height="480"></div>
<p align="center">&nbsp;</p>
</body>

</html>

Conclusion :


Si c'est pas clair laissez des message

A voir également

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.