Auteur: Djil
((195.33.69.---)
Date: 08-02-2006 08:43
 [ 74 msg]
|
Bonjour à tous,
J'utilise pour un diaporama le script ci-dessous et voudrai l'améliorer un petit peu au niveau de l'affichage du numéro de pages...
En gros je voudrais que le résultat de la function keeptrack ne s'affiche plus dans la barre de status mais directement sous les commentaires...
Je pensais qu'en écrivant qqchose comme ça , ça pouvais fonctionner mais ce n'est pas le cas :
document.write('+[which]+ of +photos.length-1]+')
Merci d'avance de votre aide,
Slts,
Djil
===============================================================================================
<html>
<head>
<title>Exemple</title>
</head>
<body>
<script language="JavaScript1.1">
var photos=new Array()
var photoslink=new Array()
var which=0
//Les images. Autant qu'on veut...
photos[0]="sm10.gif"
photos[1]="sm11.gif"
photos[2]="sm12.gif"
//Les URLs liées aux images (si on a choisi 1 ci-dessus).
photoslink[0]="Blah"
photoslink[1]="Blahblah"
photoslink[2]="Blahblahblah"
// Ne plus rien changer dessous
var preloadedimages=new Array()
for (i=0;i<photos.length;i++){
preloadedimages=new Image()
preloadedimages.src=photos
}
function keeptrack(){
window.status="Image "+(which+1)+" of "+photos.length
}
function backward(){
if (which>0){
which--;
document.images.photoslider.src=photos[which];
document.getElementById('legende').innerHTML=photoslink[which];
keeptrack();
}
}
function forward(){
if (which<photos.length-1){
which++;
document.images.photoslider.src=photos[which];
document.getElementById('legende').innerHTML=photoslink[which];
keeptrack()
}
}
</script>
<table border="0" cellspacing="0" cellpadding="0">
<tr><td width="100%" colspan="2" height="22"><center>
<script>
document.write('<img src="'+photos[0]+'" name="photoslider" border=0>')
document.write('<br />')
document.write('<div id="legende">'+photoslink[which]+'</div>')
</script>
</center></td></tr>
<tr><td width="50%" height="21"><p align="left"><a href="#" onClick="backward();return false">Précédent</a></td>
<td width="50%" height="21"><p align="right"><a href="#" onClick="forward();return false">Suivant</a></td>
</tr></table>
</body>
</html>
|
[ 1520 msg ]
[ 295 msg ]
