18041 sujets

Questions générales et questions de débutants

Changer d'image de fond d'une div à chaque actualisation

Bonjour,
C'est la première fois que je post sur un forum, j'espère donc ne pas commettre trop d'impairs.
Sur mon site, j'ai une div avec une image de fond et je cherche un moyen propre pour que cette image change à chaque fois que l'on actualise le site.
Je ne sais pas quels outils utiliser pour cela (css, js, php, etc.).
Si possible je préfèrerais éviter d'avoir à mettre en place une base de données, mais plutôt avoir un répertoire sur mon site avec une dizaine d'images et que le lien s'actualise tout seul.

Merci pour suggestions.
Bonjour,

Le plus simple est de faire un random avec PHP. Par exemple :
- Dans ton dossier, tes images seront nommée img1, img2, img3...
- Tu fais un random sur le nombre d'image
- Tu indiques via php, que l'image de fond sera img+numbre

ps. : je déplace ton sujet dans le salon débutant.
Salut, pour ma part je ne pouvais pas utiliser de PHP dans la page ou je voulais faire apparaitre mes images aléatoire.

je me suis donc tourné vers le js.

quelque chose dans ce style: Image aléatoire
Merci pour vos réponses,
Laurie-Anne est-ce que tu pourrais me détailler un peu plus le code à insérer, parce que si je suis débutant en CSS, je suis encore moins que ça en PHP Smiley cligne .
Jerboa, je vais essayer ta solution et je vous tiens au courant.
Salut,

tu as un exemple dans ce post. Il suffit de remplacer les couleurs par un nom d'image.

Si tu veux pouvoir rajouter autant d'images que tu veux dans ton répertoire il faudra alimenter le tableau au début du script (par exemple à l'aide de scandir).
Je sens que je vais passer pour une véritable quiche, mais le php est vraiment tout nouveau pour moi - et en plus je dois avoir une déformation génétique qui me rend hermétique au code de manière générale - et je n'arrive pas à adapter le code php du changement de couleurs au changement d'images.

Voilà mon code (sans doute atroce, je vous présente mes excuses par avance) :

<?php
//$dir = 'imgs_fond/';

//$dh  = opendir($dir);
//while (false !== ($filename = readdir($dh))) {
//    $images[] = $filename;
//}

$images = array('imgs_fond/img_fond1.jpg', 'imgs_fond/img_fond2.jpg', 'imgs_fond/img_fond3.jpg');

$image = $images[rand(0,2)];

?>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>test</title>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
		<meta http-equiv="Content-Style-Type" content="text/css" />
		<meta http-equiv="Content-Language" content="fr" />
        <link href="style.css" rel="stylesheet" type="text/css" />

		<link rel="stylesheet" type="text/css" href="shadowbox/shadowbox.css">
		<script type="text/javascript" src="shadowbox/shadowbox.js"></script>
		<script type="text/javascript">
		Shadowbox.init();
		</script>

	<style type="text/css" media="screen">

#testimg {
	background-image: <?php echo $image; ?>;
	width: 710px;
	height: 420px;
}

	</style>

</head>

<body>

<div id="testimg">
</div>

</body>
</html>


J'ai laissé mon test d'utilisation de la fonction scandir (ou son adaptation pour php4) en commentaire au début du code, ainsi que l'appel de fonction js au cas où ça poserait problème. Je préfère vous montrer l'ensemble des dégâts pour ne pas avoir de surprise.
Sujet clos
Aller à