Lien sur photos en javascript

Signaler
Messages postés
8
Date d'inscription
jeudi 27 mai 2004
Statut
Membre
Dernière intervention
1 juin 2005
-
Messages postés
544
Date d'inscription
vendredi 5 décembre 2003
Statut
Membre
Dernière intervention
20 mai 2005
-
Bonjour bonjour,

Voilà, j'ai un diaporama de photos en javascript et j'aimerai que chaque photo correspond à un lien vers une page (1 page différente pour chaque photos). Voila le diaporama, aidez moi à le rendre cliquable, please!!!!

<SCRIPT LANGUAGE="JavaScript">
<!--
var timeDelay = 5;
var Pix = new Array
("img_transports/picto_littoral_plage.gif"
,"img_transports/picto_buss.gif"
,"img_transports/picto_eglise.gif"
,"img_transports/picto_huitre.gif"
,"img_transports/picto_ile_balade.gif"
,"img_transports/picto_manifs.gif"
,"img_transports/picto_memoire_archive.gif"
,"img_transports/picto_carte_france.gif"
);
var howMany = Pix.length;
timeDelay *= 1000;
var PicCurrentNum = 0;
var PicCurrent = new Image();
PicCurrent.src = Pix[PicCurrentNum];
function startPix() {
setInterval("slideshow()", timeDelay);
}
function slideshow() {
PicCurrentNum++;
if (PicCurrentNum == howMany) {
PicCurrentNum = 0;
}
PicCurrent.src = Pix[PicCurrentNum];
document["ChangingPix"].src = PicCurrent.src;
}
// End -->
</script>

et dans le body:

missFlo17

2 réponses

Messages postés
544
Date d'inscription
vendredi 5 décembre 2003
Statut
Membre
Dernière intervention
20 mai 2005

[# ]

et javascript :
var x = document.getElementById('lien');
var lien = new Array("adresse de la page1", ... )

et à la fin de la fonction slideshow() , tu ajoutes :
x.href = lien[PicCurrentNum];

Je n'ai pas essayé, mais ça devrait le faire.
Messages postés
544
Date d'inscription
vendredi 5 décembre 2003
Statut
Membre
Dernière intervention
20 mai 2005

et voilà :
<html >
<head>
<script type="text/javascript" >
<!--
timeDelay = 3000;
var Pix = new Array
("img_transports/picto_littoral_plage.gif"
,"img_transports/picto_peche.gif"
,"img_transports/picto_manifs.gif"
,"img_transports/picto_memoire_archive.gif"
,"img_transports/picto_ile_balade.gif"
,"img_transports/picto_eglise.gif"
,"img_transports/picto_huitre.gif"
,"img_transports/picto_buss.gif"
,"img_transports/picto_buss.gif"
);
var howMany = Pix.length;
var PicCurrentNum = 0;
var PicCurrent = new Image();
PicCurrent.src = Pix[PicCurrentNum];

function startPix() {x = document.getElementById('lien');
setInterval("slideshow()", timeDelay);}

var lien = new Array
("../../La_Charente-Maritime/Patrimoine/patrimoine_naturel/Patrimoine_Littoral/Les_plages.htm"
,"../../La_Charente-Maritime/Patrimoine/patrimoine_naturel/Tourisme_Peche/Accueil_Peche_17"
,"../../infos_touristiques/accueil_infos_touristiques.htm"
,"../../La_Charente-Maritime/Archives_departementales/acceuil_Archives.htm"
,"../../La_Charente-Maritime/Patrimoine/patrimoine_naturel/Patrimoine_Littoral/Littoral_Iles_Midi_Atlantique.htm"
,"../../La_Charente-Maritime/Patrimoine/patrimoine_culturel/patrimoine_roman/Roman_Patrimoine_europeen.htm"
,"../../Ile_Oleron/patrimoine_littoral/Littoral_huitre_claires_M-O.htm"
,"accueil_transports_scolaires.htm"
,"../../La_Charente-Maritime/Patrimoine/patrimoine_naturel/Poles-Nature_17/poles_17.htm");

function slideshow() {
PicCurrentNum++;
if (PicCurrentNum == howMany) {
PicCurrentNum = 0;
}
PicCurrent.src = Pix[PicCurrentNum];
document["ChangingPix"].src = PicCurrent.src;
x.href=lien[PicCurrentNum];
}
// End -->
</script>
<title></title>
</head>

[#

]

</html>