Problème avec des images aléatoires.
Le
up
Bonjour,
Je souhaiterai mettre dans un tableau (html) dans plusieurs (3 ou 4)
case (<td>) des images aléatoires (qui se changent sans recharger la
page) avec lien.
Voici ce que j'ai fais pour le moment :
<script language="JavaScript">
links = new Array;
links [1] = "abt";
links [2] = "abt2";
links [3] = "abt3";
images = new Array;
images [1] = "couv/ferme.jpeg";
images [2] = "couv/cb.jpeg";
images [3] = "couv/20.jpeg";
banner_compteur = 0;
function nouvelle_banniere() {
banner_compteur ++;
if (banner_compteur >= images.length)
banner_compteur = 1;
if (document.images)
document.banner.src = images [banner_compteur];
setTimeout ("nouvelle_banniere();", 2000);
}
function click_banniere () {
document.location = links [banner_compteur];
}
</script>
Et pour afficher mes images avec mes liens associées :
<center>
<a href="" onClick="click_banniere (); return false;"><img src="0.gif"
name="banner"
border=0></a>
</center>
Ce que je veux c'est donc pouvoir mettre dans un tableau une série
d'images aléatoires par case (<td>).
J'ai fais des essais mais ça ne marche pas.
Avez-vous une idée ?
merci
Je souhaiterai mettre dans un tableau (html) dans plusieurs (3 ou 4)
case (<td>) des images aléatoires (qui se changent sans recharger la
page) avec lien.
Voici ce que j'ai fais pour le moment :
<script language="JavaScript">
links = new Array;
links [1] = "abt";
links [2] = "abt2";
links [3] = "abt3";
images = new Array;
images [1] = "couv/ferme.jpeg";
images [2] = "couv/cb.jpeg";
images [3] = "couv/20.jpeg";
banner_compteur = 0;
function nouvelle_banniere() {
banner_compteur ++;
if (banner_compteur >= images.length)
banner_compteur = 1;
if (document.images)
document.banner.src = images [banner_compteur];
setTimeout ("nouvelle_banniere();", 2000);
}
function click_banniere () {
document.location = links [banner_compteur];
}
</script>
Et pour afficher mes images avec mes liens associées :
<center>
<a href="" onClick="click_banniere (); return false;"><img src="0.gif"
name="banner"
border=0></a>
</center>
Ce que je veux c'est donc pouvoir mettre dans un tableau une série
d'images aléatoires par case (<td>).
J'ai fais des essais mais ça ne marche pas.
Avez-vous une idée ?
merci
Poser une question
Salut
Si je ne me trompe pas, ta fonction nouvelle_banniere n'est jamais
appellée ...
Et en fait quand la tu cliques sur l'image 0.gif, tu appelles
click_banniere, qui change l'url de ta page à rien du tout, puisque
banner_compteur = 0, et que donc links[0] = ''
Donc
step 1/ revois ton code en profondeur ...
step 2/ fait un <body onload="nouvelle_banniere()"> si c'etait pas deja
fait ... (mais comme on voyait pas ...)
A+
--
Thibault
Mais si je veux afficher encore ailleurs d'autres images aléatoires, sur
la même page....
Je fais comment ?
Dans chaque case, tu dois mettre une image avec un id compteur.
<script>
var images = new Array(3);
images[0] = "image12.gif";
images[1] = "image88.gif";
images[2] = "image125.gif";
function click_banniere()
{
for (var i=1; i<4; i++)
{
eval("document.getElementById('banner"+i+"').src=images[Math.round(Math.random()*2)]");
}
}
</script>
<center>
<img src="" id="banner1" border=0>
<img src="" id="banner2" border=0>
<img src="" id="banner3" border=0>
<br><br><a href="#" onClick="click_banniere();">Go</a>
// Math.round(Math.random()*2) va générer un nombre entier
--
Saad Saad