Une visionneuse d'images
Cliquer sur les boutons ci-dessous pour faire
défiler les images une à une ou automatiquement.
Vous pouvez utiliser aussi la visionneuse automatique
Vous pouvez remplacer les boutons
par des images Ici
Insérez
le code ci-dessous dans votre page entre les balises d'entête
<head> ..... </head>
( juste avant </head> )
<script language="JavaScript">
<!--
//PLF-/
var bauto = 0;
var dossier="im/";
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 ("imaga.gif", "imagb.gif", "imagc.gif");
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> |
|
Corrigez
comme suit
|
| Nom des images - Chemin/
où trouver les images |
Puis insérez
le code ci-dessous à l'endroit où les images
vont défiler
| <form name="vision">
<div align="center">
<input type="button" name="precedent" value="Précédente" onClick="precedente();">
<input type="button" name="suivant" value=" Suivante " onClick="suivante();">
<input type="button" name="automat" value=" Lect/Auto "onClick="auto();">
</div>
</form>
<div align="center"> <img src="im/imaga.gif" width="200" height="194" name="image"></div>
|
|
Corrigez
comme suit
|
chemin/nom_de_1ère_image.(gif,jpg,...) / largeur
/ hauteur en pixels
Si vous ne spécifiez pas la taille
(width="200" height="194") les images
s'affiche sous leur taille originale (pratique pour des images
de tailles différentes). voir Ici |
Précharger les
images
Ce site vous a plu ?
Vous avez trouvé le script que vous cherchiez ?
Faites en profiter vos visiteurs : insérez un lien sur
votre site
