Variable PHP vers CSS

Version imprimable

Bonjour à tous

Depuis un certain temps, j'essaie de récupérer une variable PHP dans le fichier CSS, et malgré mes tests et recherches, je n'y arrive pas. Le but de cette manipulation est de modifier l'image de ma banière suivant suivant mon choix, ici "le continent"

J'ai, suivant ce que j'ai trouvé sur internet, testé ceci :

- directement dans le fichier php :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 <div id="baniere"> <?php if ($le_continent == 2){$image="../images/amerique_sud/header_amer_sud.jpg";} if ($le_continent == 4){$image="../images/amerique_centrale/mexique/header_riziere_02.jpg";} ?> <style> header("Content-type: text/css"); body #baniere { background-image: url(<?php echo $image; ?>); } </style> </div>
puis cette autre solution :
- créer un fichier essai.php, servant de fichier css, comme ceci :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <?php header("Content-type: text/css"); if ($le_continent == 2){$image="../images/amerique_sud/header_amer_sud.jpg";} if ($le_continent == 4){$image="../images/amerique_centrale/mexique/header_riziere_02.jpg";} ?> body #baniere { background-image:url(<?php echo $image; ?>); }
et dans mon fichier php, écrit :

Code:

<link rel="stylesheet" title="feuille de style" type="text/css" href="./css/essai.php" media="screen">

aucune de ces 2 solutions ne fonctionnent, je n'ai aucune image.

Merci d'avance pour votre aide.
Eric

Tu pourra faire ca

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
			<?php
				if ($le_continent == 2){$image="../images/amerique_sud/header_amer_sud.jpg";}
				if ($le_continent == 4){$image="../images/amerique_centrale/mexique/header_riziere_02.jpg";}
			?> 
 
			<style>
				#baniere
				{ 
					background-image: url(<?php echo $image; ?>); 
				}
			</style>
<div id="baniere"> 
 
		</div>

Code:

1
2
3
4
5
6
7
8
 
<?php
     if ($le_continent == 2){$image="../images/amerique_sud/header_amer_sud.jpg";}
     if ($le_continent == 4){$image="../images/amerique_centrale/mexique/header_riziere_02.jpg";}
?> 
<div id="baniere" style="background-image: url(<?php echo $image; ?>); "> 
 
</div>

verifier seulement le chemein de tes images et la condition IF

03/01/2012, 16h06
Torgar

Bonjour,

Dans le premier exemple, supprime header("Content-type: text/css");. C'est du php qui n'a pas lieu d'être là.
Ensuite rajoute le type de donnée à la balise style : <style type="text/css"></style>
Et enfin, remonte ton CSS au dessus de ta balise <div id="banniere"></div> .

Dans le deuxième, rajoute les accolades à la propriété body. Mais cela n'y changera pas grand chose.

Sinon vérifie ta condition et le cas échéant si il n'y a pas un souci de chemin d'accès aux images.

Edit: grilled

Re

Merci à vous 2 pour vos réponses si rapides.

La solution de m4riachi ne fonctionne pas chez moi ! J'ai copié/collé la 2ème mais rien à faire, toujours pas de photo.

La solution de Torgar, si j'ai bien compris :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 <?php echo $le_continent; ?>  <?php if ($le_continent == 2){$image="../images/amerique_sud/header_amer_sud.jpg";} if ($le_continent == 4){$image="../images/amerique_centrale/mexique/header_riziere_02.jpg";} ?> <div id="banniere"> <style type="text/css"> #banniere { background-image: url(<?php echo $image; ?>); } </style> </div>
rien à faire également.

J'ai testé le If et le chemin des photos, c'est bon.

Eric

PS : merci pour le "bannière", j'ai honte:oops::oops::oops:

Plutôt un truc de ce style :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<?php
$le_continent = 2;
 
echo $le_continent; //pour test, donne bien 2 ou 4
 
if ($le_continent == 2){$image="../images/amerique_sud/header_amer_sud.jpg";}
if ($le_continent == 4){$image="../images/amerique_centrale/mexique/header_riziere_02.jpg";}
 
?>
<style type="text/css">
    #banniere {
        background-image: url('<?php echo $image; ?>'); 
    }
</style>
 
<div id="banniere"></div>

Ca me donne le bon résultat avec ça.

03/01/2012, 16h56
Bovino

Mettre une balise <style> dans une <div>, c'est :vomi:

Enfin bref...
Il semble que ta <div id="banniere"> soit vide, dans ce cas, elle n'a pas de dimensions et ton image de fond ne peut pas être visible...

Re

Le $le_continent vient d'une requête, donc je ne peux pas le mettre en dur dans cette partie de code.
Voilà ce que j'ai fait :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 <?php if ($le_continent == 2){$image="./images/amerique_sud/header_amer_sud.jpg";} if ($le_continent == 4){$image="./images/oceanie/header_lagon_02.jpg";} echo $le_continent; //pour test, donne bien 2 ou 4 ?> <style type="text/css"> #banniere { background-image: url(<?php echo $image; ?>); } </style> <div id="banniere"> </div>
et cela fonctionne :ccool:
J'ai juste supprimé un "." avant " ./images/amerique_sud/header_amer_sud.jpg";}

Merci beaucoup.
Eric

PS : pour Bovino : on apprend tous les jours et je m'en souviendrai (je suis débutant)