Diaporama
Soyez le premier à donner votre avis sur cette source.
Snippet vu 11 908 fois - Téléchargée 29 fois
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é.
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.
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...">
ZOOM
<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.
2 mai 2005 à 19:12
tu mélange les majuscules et les minuscules dans ton code html... c'est pas super conseillé
t'aurais pu mettre une variable au lieu de 8, et expliquer comment il faut nommer ses images
2 mai 2005 à 22:01
On pourait enlever language="javascript" ou type="text/javascript" et ça changerai rien. Je te ferai aussi remarquer que tout la majorité des navigateurs acceptent les deux façons.
2 mai 2005 à 22:07
3 mai 2005 à 14:24
C'est bien de respecter la norme. En effet un peu de rigueur est toujours la bien venue, à commencer par l'orthographe par exemple :)
Enfin pour ces commentaires là il y a des progrès.
4 mai 2005 à 00:53
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.