Affichage d'image aléatoire sur le header

[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.

Modifié 24 Août 2008 par Trung

[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

[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.

[Trung]

Merci pour ce code, je vais le tester

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:

<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

Modifié 24 Août 2008 par K-Ola