Background aléatoire Fermé

Question

Bonjour,

J'ai beau essayer tous les codes trouvés dans les sujets recherchés : rien à faire, mes doigts sont empotés et étant donné que je n'y comprends pas fondamentalement-grand-chose-à tout-ça, je reste à fixer l'écran comme un bovidé sans trouver de solution... Si quelqu'un pouvait me porter secours, je lui en serai très reconnaissante :-(

Je cherche à réaliser un background aléatoire sur une page web.
J'ai constitué un dossier test d'images ici : http://www.ladebe.com/wordpress/sauvagegarage/test/background/
J'ai lu plusieurs choses et du coup, je ne sais plus quelle est la meilleure solution (javascript ? php ? css + php ?) Sachant que je voudrais pouvoir définir un peu les attributs de mon background (fixed, no-repeat, cover, etc.)

J'ai tenté un simple insert :

<style type='text/css'>
#contenu {
	background-image:url('<?php 
$bckImg=array('background/bg_1.jpg','background/bg_2.jpg','background/bg_3.jpg','background/bg_4.jpg','background/bg_5.jpg','background/bg_6.jpg');
echo array_rand($bckImg);
?>');
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
</style>

... et enregistré ma page en .php (parce que je crois qu'il faut qu'elle soit enregistrée en php d'après ce que j'ai pu lire...), mais cela ne fonctionne pas.
Auriez-vous une piste à me concéder s-il-vous-plaît ?

SkRo91 · Answer

Salut,

Essaye ça pour ton echo : echo $bckImg[array_rand($bckImg)]; 
Sinon vérifie bien les chemins de tes différents images.

SkRo

Anne-Perrine C. · Answer

Merci pour la répnse ! J'ai essayé l'echo que tu m'as donné mais cela n'a rien changé... J'ai cependant réussi à faire fonctionner l'aléatoire grâce à cette page : http://creer-un-site.fr/afficher-une-image-aleatoirement-avec-du-php-et-css-185.php Mais du coup je ne parviens pas à paramétrer l'affichage des images... Est-ce qu'il y aurait une erreur dans mon code ?

SkRo91 · Answer

Tu veux dire que ton CSS ne marche pas du tout, ou que ça ne donne pas le résultat espéré ?

Anne-Perrine C. · Answer

Eh bien, ce que j'ai défini dans le <style type> ne semble pas pris en compte... é_è
La page : http://www.ladebe.com/wordpress/sauvagegarage/test/

SkRo91 · Answer

Le truc c'est qu'habituellement j'utilise le CSS dans un fichier à part mais de ce que j'ai compris tu devrais mettre ton PHP entre les balises <style>

tryan44 · Answer

Testez avec ça pour voir :
body { 
  margin:0;
  padding:0;
  background-repeat: no-repeat ;
  background-position: center; 
  background-attachment: fixed;
  -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardisée */
}

Anne-Perrine C. · Answer

Toujours rien... J'ai mis le PHP entre les balises <style> et j'ai aussi essayé avec un fichier CSS à part contenant juste :

#body {
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

... mais mes background sont toujours répétés, trop larges, etc... :-(
Pardon, je suis vraiment une buse j'ai l'impression !

SkRo91 · Answer

Nan nan desfois le code source fais des siennes sans savoir pourquoi donc nan, faut essayer plein de méthodes,

donc essaye dans ton CSS d'enlever le #

met juste body{
        background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;

}

Anne-Perrine C. · Answer

Je viens d'essayer également sans les #, et même résultat... :-(
Est-ce que peut-être il me manquerait une mention quelque part sur la page PHP ? 
J'ai bien mis la ligne d'appel : 
<link href="style.css" rel="stylesheet" type="text/css" />

Et passé le contenu en :
 content="text/css;

ThEBiShOp · Answer

C'est quoi ta structure de fichiers ? Ton code php tu essayes de le mettre dans quel fichier ?

SkRo91 · Answer

Oui ça parait logique mais ton fichier est bien .php ?

tryan44 · Answer

Vous avez testé le code CSS que je donne plus haut?

Anne-Perrine C. · Answer

@ThEBiShOp : Euh... Eh bien en fait c'est sur une page, "index.php"... 

@SkRo91 : Oui ! http://www.ladebe.com/wordpress/sauvagegarage/test/index.php

@tryan44 : Oui, merci beaucoup... Comme pour celui de SkRo91, cela ne semble pas fonctionner puisque l'image est toujours répétée :-(

Vraiment désolée et encore merci beaucoup à vous de m'aider comme ça ! C'est très gentil !

ThEBiShOp · Answer

tu fais un appel à un fichier style.css, ton code css (et le code php du coup) tu le places dans ce fichier .css ou tu le mets dans ton fichier php ?
Si tu le mets dans ton fichier php, tu peux supprimer cet appel à style.css, bien que ça ne devrait pas créer de soucis...

tu peux essayer de te baser sur quelque chose comme ça, ça fonctionne :

<?php

$array = array('red', 'yellow', 'green', 'blue');

?>

<body style="background-color: <?php echo $array[array_rand($array)]; ?>;">
    blabla
</body>

Anne-Perrine C. · Answer

Bonjour ! Voilà ce qu'il m'arrive assez souvent lorsque je travaille avec du code : une journée à m'arracher les cheveux ; je laisse passer quelques jours par dépit... et lorsque je m'y remets : boum ! j'arrive à ce que je veux en quelques minutes. Il n'y a pas vraiment d'explication à tout ça - peut-être le fait de laisser mijoter en l'esprit... Quoiqu'il en soit, voilà le code qui fonctionne chez moi : Sauvage Garage Et le lien de la page : http://sauvagegarage.free.fr/test/ (Pas encore testé sous Opéra, Safari, etc.) Merci encore à vous tous / toutes pour votre aide et votre écoute !

SkRo91 · Answer

De rien, tant mieux que tu ai trouvé la solution.

Bonne continuation
SkRo

Background aléatoire

16 réponses

Discussions similaires