Lien sur photos en javascript

missFlo17 Messages postés 8 Date d'inscription jeudi 27 mai 2004 Statut Membre Dernière intervention 1 juin 2005 - 8 juin 2004 à 12:17
chimelpremier Messages postés 544 Date d'inscription vendredi 5 décembre 2003 Statut Membre Dernière intervention 20 mai 2005 - 11 juin 2004 à 13:44
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

chimelpremier Messages postés 544 Date d'inscription vendredi 5 décembre 2003 Statut Membre Dernière intervention 20 mai 2005 1
8 juin 2004 à 13:21
[# ]

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.
0
chimelpremier Messages postés 544 Date d'inscription vendredi 5 décembre 2003 Statut Membre Dernière intervention 20 mai 2005 1
11 juin 2004 à 13:44
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>
0