Diaporama JS

Bonjour à tous,

Je suis débutant en prog et suis dans une démarche d'amélioration de mon site de photographie.
J'utilise une structure 1 page html par photo... et qui dit 100 photos dit autant de page à créer...

Donc, j'ai trainé un peu sur divers sites et j'ai trouvé (voir ci-dessous) un script en JS que j'ai un peu simplifié... (il y avait des fondus d'écran vraiment étranges).
Mais voilà en fait, les commentaires, propre à chaque photos, apparaissent en liens et en fait je voudrai qu'ils soient sous la photo. J'ai essayé de modifier le code dans ce sens, mais je dois bien reconnaître que je suis limité dans le domaine.

En fait, en étudiant ce code, mon pb est que je ne connais pas la commade pour pouvoir afficher le "résultat" de la function 'une function transport()
En gros, c'est juste cette ligne qu'il faut que je remplace car la balise <a href affiche le résultat sous forme de lien :
document.write('<a href="javascript:transport()">')
Quelle balise devrais-je donc utiliser ?

Merci d'avance de m'apporter votre aide...
Bonne journée,
Djil

Le code en question :

<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]="Image1.JPG"
photos[1]="Image2.JPG"
photos[2]="Image3.JPG"

//Les URLs liées aux images (si on a choisi 1 ci-dessus).
photoslink[0]="1.txt"
photoslink[1]="2.txt"
photoslink[2]="3.txt"

// Ne plus rien changer dessous

var preloadedimages=new Array()
for (i=0;i<photos.length;i++){
preloadedimages=new Image()
preloadedimages[i].src=photos[i]
}

function keeptrack(){
window.status="Image "+(which+1)+" of "+photos.length
}

function backward(){
if (which>0){
which--
document.images.photoslider.src=photos[which]
keeptrack()
}
}

function forward(){
if (which<photos.length-1){
which++
document.images.photoslider.src=photos[which]
keeptrack()
}
}

function transport(){
window.location=photoslink[which]
}

</script>

<table border="0" cellspacing="0" cellpadding="0">
<tr><td width="100%" colspan="2" height="22"><center>

<script>
document.write('<a href="javascript:transport()">')
document.write('<img src="'+photos[0]+'" name="photoslider" border=0>')
document.write('</a>')
</script>

<script>
document.write('<src="javascript:transport()">')
</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>

Djil

12 décembre 2005 à 14:29:32

13 décembre 2005 à 11:59:31

En fait, je pense que j'ai juste cette partie à modifier mais par contre je sais pas comment :

<script>
document.write('<a href="javascript:transport()">')
document.write('<img src="'+photos[0]+'" name="photoslider" border=0>')
document.write('</a>')
</script>

Afficher un résultat...

Diaporama JS

Supprimer

Modérer

Signaler le message aux modérateurs