Logo GNT
Actualités Tests & Guides Bons Plans
Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11
Entraide Développement Développement Langage JavaScript Problème avec des images aléatoires.

Problème avec des images aléatoires.

3 réponses
Avatar
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
Signaler un problème avec ce contenu

3 réponses

Supprimer
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire

Veuillez sélectionner un problème

Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
Avatar
Thibault
up wrote:

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



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

Avatar
up
Oui, ça c'est ok, je l'avais omis dans mon mail.

Mais si je veux afficher encore ailleurs d'autres images aléatoires, sur
la même page....


Je fais comment ?




up wrote:


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



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




Avatar
Saad Saad
Salut,


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



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