Discussion :

[chris241182]

Salut à tous
je viens vers vous car je pense que vous êtes mon dernier espoir...
voila mon site
http://www.fm-design.net

sur le coté droit, là ou il y a l'image Brian baloyi, j'aimerais qu'une image au hasard s'affiche. Toutes mes images se trouvent dans le dossier suivant :
../faces/hasard_test/
et se nomment 1.jpg, 2.jpg, 3.jpg, 4.jpg et 5.jpg.
Elle font toutes la meme taille, 140x180px.

j'ai fouillé sur le net, j'ai trouvé des scripts mais aucun en fonctionne...
1) est-ce qu'un test en local de mes pages suffisent pour voir si le script fonctionne ou dois-je obligatoirement les envoyer sur mon ftp ?
2) si quelqu'un peut me donner un code pas trop complexe, facilement modifiable et compréhensible, ce serait hyper cool...

voila merci d'avance
chris

[gael]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
<script type="text/javascript">
 
nb_img = 100 ;
img_number_rand= Match.floor( nb_img * Math.rand() );
document.getElementById('ID.IMAGE').src= "../faces/hasard_test/"+ img_number + ".jpg";
 
</script>

[chris241182]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
<script type="text/javascript">
 
nb_img = 100 ;
img_number_rand= Match.floor( nb_img * Math.rand() );
document.getElementById('ID.IMAGE').src= "../faces/hasard_test/"+ img_number + ".jpg";
 
</script>

merci beaucoup pour ta réponse.
nb_img = 100 >>>> je dois mettre le nombre total d'images ici je pense ?
et aprés je touche plus a rien d'autre ?
et ce code, je le colle exactement à l'endroit ou je peux placer l'image ?

[gael]

Oui mais ça ne marchera bien que s'il y a toutes les images.

Au passage, ça serait surement mieux de faire ce choix sur le serveur.

[chris241182]

j'ai mis tout ca en ligne mais rien ne d'affiche... si tu peux aller voir ce qui ne va pas...
merci en tout cas pour ton aide

[gael]

et ce code, je le colle exactement à l'endroit ou je peux placer l'image ?

déjà il y a une erreur: il faut remplacer img_number par img_number_rand dans la 3è ligne.
Et sur cette ligne il faut aussi remplacer ID.IMAGE par l'ID de la balise img dans laquelle tu veux mettre l'image aléatoire.
Tu colles tout le bloc après ton image.

[chris241182]

déjà il y a une erreur: il faut remplacer img_number par img_number_rand dans la 3è ligne.
Et sur cette ligne il faut aussi remplacer ID.IMAGE par l'ID de la balise img dans laquelle tu veux mettre l'image aléatoire.
Tu colles tout le bloc après ton image.

j'ai corrigé pour img_number_rand
par contre pour l'id de la balise img, je vois pas du tout a quoi ca correspond...