La visionneuse d'images
2
Ici
les Boutons Sont Remplaces par des Images.
et les images visionnées sont de tailles différentes.
Voir le script original La
visionneuse d'images
Cliquer sur les boutons ci-dessous pour faire
défiler les images une à une ou automatiquement.
Insérez
le code ci-dessous dans votre page entre les balises d'entête
<head> ..... </head>
( juste avant </head> )
<script language="JavaScript">
<!--
//PLF-http://www.jejavascript.net/
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.automat.src = "im/flchst.gif";
document.automat.title = "Stop";
}
else {
bauto =0; initial();
document.automat.src = "im/flch2.gif";
document.automat.title = "Auto";
}
}
//-->
</script> |
|
Corrigez
comme suit
|
Nom des images - Chemin/
où trouver les images
Chemin et nom de vos images pour
les boutons :
flchd = suivante
flchg = precedante
flch2 = lect/auto
flchst = lect/stop
Créez vos boutons vous mêmes ou récuperez
les miens (Clique droit, puis "Enregistrer l'image
sous") |
Puis insérez
le code ci-dessous à l'endroit où les images
vont défiler
|
<table width="300" border="0" align="center">
<tr>
<td align="center"><img src="im/flchd.gif" title="Suivante" width="20" height="16" onClick="precedente();"></td>
<td align="center"><img src="im/flchg.gif" title="Precedente" width="20" height="16" onClick="suivante();"></td>
<td align="center"><img src="im/flch2.gif" title="Auto" width="20" height="16" name="automat" onClick="auto();"></td>
</tr>
</table>
<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).
Chemin et nom de vos images pour
les boutons :
flchd = suivante
flchg = precedante
flch2 = lect/auto
flchst = lect/stop
|
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
