Diaporama

Commenter

Contenu du snippet

Le but de ce script était de ne pas "tourner en rond".
Dans la plupart des scrips de diaporama que j'ai trouvé sur le net, aprés la dernière image, on revient automatiquement à la première (et inversement dans l'autre sens).
Avec ce script la serie s'arrete sur la derniere image et on peut revenir en arriere sans pouvoir dépasser la première image dans l'autre sens.
Je suis parti d'un script publié par Gilles Saunier que j'ai modifié.

Source / Exemple : 


Dans HEAD :

<script language="JavaScript">
<!--
var count=1;
var max=8;
function suivante() {
count=count+1;
if (count<1) count=1;
if (count>1) document.getElementById('loupemoins').style.visibility = "visible";
if (count>max) count=max;
if (count>(max-1)) document.getElementById('loupeplus').style.visibility = "hidden";
document.getElementById('pic').src="img/plan_0"+count+".jpg";
}
 
function precedente() {
count=count-1;
if (count<1) count=1;
if (count<2) document.getElementById('loupemoins').style.visibility = "hidden"; 
if (count>max) count=1;
if (count<max) document.getElementById('loupeplus').style.visibility = "visible";
document.getElementById('pic').src="img/plan_0"+count+".jpg";
} 
-->
</script>

Dans BODY :

<div align="center">
<img src="img/plan_01.jpg" id="pic" name="photo"><br>
<input type="button" id="loupemoins" name="btn" style="visibility:hidden;" onclick="precedente()" value="moins...">
&nbsp;ZOOM&nbsp;
<input type="button" id="loupeplus" name="btn" style="visibility:visible;" onclick="suivante()" value="plus...."> 
</div>

Conclusion :


Les images doivent avoir un chiffre comme derniere lettre de nom et la serie doit commencer par 1 (ou 01).
Exemple img1.jpg, img2.jpg, img3.jpg
Dans ce script il y a 8 images. A vous de le modifier en fonction de vos besoins.
Au depart le bouton "moins" et invisible.
Fonctionne avec IE5+ et Nescape7. Les autres je ne sais pas.

A voir également

S'inscrire maintenant

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.

Du même auteur (trabi11fr)