Bonjour,
Après des heures de recherche infructueuse, je viens vers vous pour une petite aide.
Voilà je cherche à superposer plusieurs dizaines d'images (tous très léger sauf la dernière).
Jusque là aucun soucis sauf que je dois faire en sorte de pouvoir changer les images via un panneau d'administration.
Là encore pas de problème...
Je récupère sans aucun problème les variables et j'ai essayé de faire comme indiqué sur le net pour intégrer du PHP dans mon CSS pour pouvoir changer le lien des images.
Maintenant je ne sais pas pourquoi mais il ne veut pas charger les images... Je pense que c'est parce que les variables ne sont pas définit dans le "head" du CSS. Cependant si c'est cela, je ne sais pas comment récupérer les valeurs des variables contenues dans le fichier .php ...
Bon je vous montre le code:
PS: si je met des liens au lieu des variables, cela marche très bien (la superposition), de plus le php echo marche bien car le seul echo contenu dans le fichier HTML,PHP fonctionne.
Merci d'avance
Modifié par pheonix (26 Jan 2011 - 22:46)
Après des heures de recherche infructueuse, je viens vers vous pour une petite aide.
Voilà je cherche à superposer plusieurs dizaines d'images (tous très léger sauf la dernière).
Jusque là aucun soucis sauf que je dois faire en sorte de pouvoir changer les images via un panneau d'administration.
Là encore pas de problème...
Je récupère sans aucun problème les variables et j'ai essayé de faire comme indiqué sur le net pour intégrer du PHP dans mon CSS pour pouvoir changer le lien des images.
Maintenant je ne sais pas pourquoi mais il ne veut pas charger les images... Je pense que c'est parce que les variables ne sont pas définit dans le "head" du CSS. Cependant si c'est cela, je ne sais pas comment récupérer les valeurs des variables contenues dans le fichier .php ...
Bon je vous montre le code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title> Les Routes a risque en Champagne </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design4.php" />
</head>
<body>
<?php
$superposition1 = "superposition/dangerClermontCompiegne.gif";
$superposition2 = "superposition/transparent.gif";
$superposition3 = "superposition/transparent.gif";
$superposition4 = "superposition/transparent.gif";
$superposition5 = "superposition/transparent.gif";
$superposition6 = "superposition/transparent.gif";
$superposition7 = "superposition/transparent.gif";
$superposition8 = "superposition/transparent.gif";
$superposition9 = "superposition/transparent.gif";
if($_POST['argonneReims']){
$superposition1 = "superposition/dangerArgonneReims.gif";
}
if($_POST['clermontCompiegne']){
$superposition2 = "superposition/dangerClermontCompiegne.gif";
}
if($_POST['compiegneStMenehould']){
$superposition3 = "superposition/dangerCompiegneStMenehould.gif";
}
if($_POST['reimsStMenehould']){
$superposition4 = "superposition/dangerReimsStMenehould.gif";
}
if($_POST['reimsVarennes']){
$superposition5 = "superposition/dangerReimsVarennes.gif";
}
if($_POST['stMenehouldTroyes']){
$superposition6 = "superposition/dangerStMenehouldTroyes.gif";
}
if($_POST['troyesConflans']){
$superposition7 = "superposition/dangerTroyesConflans.gif";
}
if($_POST['troyesLangres']){
$superposition8 = "superposition/dangerTroyesLangres.gif";
}
if($_POST['varennesCompiegne']){
$superposition9 = "superposition/dangerVarennesCompiegne.gif";
}
?>
<div class="carteRR">
<div class="superpo1">
<div class="superpo2">
<div class="superpo3">
<div class="superpo4">
<div class="superpo5">
<div class="superpo6">
<div class="superpo7">
<div class="superpo8">
<img src=<?php echo $superposition1 ?> class="carteRR" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
<?php header('content-type: text/css'); ?>
.superpo1{
background-image: url(<?php echo $superposition2 ?>);
position: relative;
background-repeat: no-repeat;
top: 0px;
left: 0px;
visibility: visible;
}
.superpo2{
background-image: url(<?php echo $superposition3 ?>);
position: relative;
background-repeat: no-repeat;
top: 0px;
left: 0px;
visibility: visible;
}
.superpo3{
background-image: url(<?php echo $superposition4 ?>);
position: relative;
background-repeat: no-repeat;
top: 0px;
left: 0px;
visibility: visible;
}
.superpo4{
background-image: url(<?php echo $superposition5 ?>);
position: relative;
background-repeat: no-repeat;
top: 0px;
left: 0px;
visibility: visible;
}
.superpo5{
background-image: url(<?php echo $superposition6 ?>);
position: relative;
background-repeat: no-repeat;
top: 0px;
left: 0px;
visibility: visible;
}
.superpo6{
background-image: url(<?php echo $superposition7 ?>);
position: relative;
background-repeat: no-repeat;
top: 0px;
left: 0px;
visibility: visible;
}
.superpo7{
background-image: url(<?php echo $superposition8 ?>);
position: relative;
background-repeat: no-repeat;
top: 0px;
left: 0px;
visibility: visible;
}
.superpo8{
background-image: url(<?php echo $superposition9 ?>);
position: relative;
background-repeat: no-repeat;
top: 0px;
left: 0px;
visibility: visible;
}
.carteRR{
background-image: url("superposition/ChampagneRR.png");
position: relative;
background-repeat: no-repeat;
top: 0px;
left: 0px;
visibility: visible;
}
PS: si je met des liens au lieu des variables, cela marche très bien (la superposition), de plus le php echo marche bien car le seul echo contenu dans le fichier HTML,PHP fonctionne.
Merci d'avance
Modifié par pheonix (26 Jan 2011 - 22:46)