Discussion :

[balance]

Bonjour,
je souhaite afficher une image aléatoire, avec une longueur et une hauteur bien précise, à chaque chargement d'une nouvelle page. Je voudrais que la fonction soit dans un fichier externe et savoir comment je dois l'appeler lorsque je suis sur ma page html.
Bien entendu, mes images sont dans un répertoire dédié.
Voilà, si vous avez des idées, je suis preneuse.

Merci.

[Matthieu2000]

http://javascript.developpez.com/faq/
+

http://www.developpez.net/forums/sho...E9atoire+image

[balance]

Et bien malgré les apparences, et encore une grande difficulté, à me servir du forum, j'ai relu et relu la faq. Merci pour les écritaux.

Je n'ai pas encore ma réponse.

[balance]

j'y retourne !

[Sheriff]

salut !
tu peux donner un nom générique à tes images (banniere_1.ext, ..., banniere_n.ext) et faire un random pour afficher
@+

[balance]

Voilà, j'ai suivi le conseil de Sheriff.
Dans mon répertoire test, j'ai mis 5 images nommées 'img0.jpg' et ce jusqu'à 4.

Voici la fonction :
<script type="text/javascript" language="javascript">
{
document.write('<img src="../test/'+ Math.round((Math.random()*4)+1)+ '.jpg" />');
}
</script>

Dans mon TD, j'ai mis le code suivant :
<img class="aleatoire" src="../test/img0.jpg'+ Math.round((Math.random()*4)+1)+ '.jpg" />

Je pense que je touche au but, mais cela ne fonctionne pas.

Pourquoi ? Je suis passée à côté de quoi ?
Je vous remercie de l'intérêt que vous porterez à ce billet.

[Matthieu2000]

Code :

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

1
2
3
4
5
6
7
<td>
<script type="text/javascript" language="javascript">
{
    document.write('<img src="../test/img'+ Math.round((Math.random()*4)+1)+ '.jpg" />');
}
</script>
</td>

[balance]

bon voilà les dernières nouvelles du front :
j'ai modifié la nomination de mes images dans mon répertoire 'test'
0img.jpg par exemple

<script type="text/javascript" language="javascript">
{
document.write('<img src="../test/'+ Math.round((Math.random()*4)+1)+ 'img.jpg" />');
}
</script>


Dans ma td, j'ai remis :
<img class="aleatoire" src="../test/'+ Math.round((Math.random()*4)+1)+ 'img.jpg;" />

L'aléatoire fonctionne, mais sort littéralement de ma zone d'affichage.

Voilà où j'en suis pour le moment.

[balance]

je viens de voir ton message, Matthieu.
Je regarde de suite.

Merci

[balance]

Super, ça fonctionne.
Maintenant, je pense qu'il faut que je retravaille sur ma css et la taille de mes images pour ne pas qu'elles sortent du cadre.
D'ailleurs, est-il possible d'indiquer dans cette fonction que les images doivent être redimensionnées avec un cadre de telle épaisseur et de telle couleur ?

Bon, j'en ai encore pour 4 heures de recherche