Version complète: sur le forum Webmaster Hub : Affichage d'image aléatoire sur le header
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS
Trung
Bonjour,

J'ai cherché sur google une méthode pour afficher une petite image qui se renouvelle de façon aléatoire à chaque chargement d'une page sur le header et j'ai trouvé beaucoup de scripts différents, mais je n'y comprends pas grand chose.
Je voudrais que l'image soit positionné à cet endroit:

L'espace dédié serait a peu près de 150*130

Voilà, merci d'avance.
yuston
Sur quoi est-ce que tu bloques? Il faudra créer un div de 150x130 pixels et le placer.
Moi j'aurais mis un float:right et jouer avec les pixels pour le placer....

Faudra avoir un code pour voir où est-ce que tu as des problèmes...

Et les scripts que tu trouves sur le Net, je suppose, ce sont des scripts PHP qui te permettent de sélectionner une image au hasard. Le placement du div ne dépend pas du tout de ces scripts que tu trouves.
Trung
En fait le problème, c'est que je ne sais pas du tout comment procéder pour qu'une image aléatoire apparaisse à chaque chargement de page, faut-il obligatoirement passer par du java ou du php?

merci
AllForEver
Il vaut mieux passer par un script php qui va chercher une image aléatoirement dans un dossier. Il existe des trucs très simples déjà codés wink.gif
baulet
comme par exemple :

<?php include ("nom-du-fichier".rand(1,x).".html") ?>

tu ouvres ainsi les fichiers "nom-de-fichier1.html" jusqu'a "nom-de-fichierx.htm" aléatoirement.

wink.gif
Trung
Merci pour ce code, je vais le tester smile.gif
Mais euh.. comment faire pour le positionner à l'endroit du cadre blanc?
baulet
tu inclues ce bout de code dans ton header deja présent, a la place de ton rectangle.
K-Ola
Si il ne s'agit que d'une image, autant ne traiter que cette partie et non l'ensemble du header.

Ainsi en php on peut imaginer que tu as ton div dédié à l'affichage de cette image et que chaque image est nommée de la façon suivante: header-n.jpg ou n est un entier.

Par exemple pour 3 images différentes dans ton header on aura:
header-1.jpg
header-2.jpg
header-3.jpg

Il suffit de faire une sélection aléatoire via la fonction rand() de php:

CODE
<div id="image_header">
   <?php
        $aleatoire=rand(1, 3);
        echo '<img src="images/header-'.$aleatoire.'.jpg">';
    ?>
</div>


Pour plus d'informations sur la fonction rand() de php :
http://fr.php.net/rand
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.