Variable Hintergrundbilder für #leftBlock/ #rightBlock
Posted: Mon 6. Oct 2014, 15:56
Aufgrund einer Websitevorgabe habe ich mir an den bisherigen Websites eine Lösung für variabler Hintergrundbilder ausdenken müssen. Beim Probieren und umschreiben bin ich dann auch eine gangbaren (z.Zt. als InlinePHP) gestoßen. Die : Mittels Artikel-ID und <!-- CSS: .... --> solle die ID #leftBlock modifiziert werden. Durch das einfache Tauschen der Hintergrundbilder im Verzeichnis /picture und im Scriptteil ließe sich diese Lösung auf für andere Zwecke "mißbrauchen"
Durch meine favorisierte Art der dyn. Website-Layouts - mit variablen Viewport und fester Breite - macht die automatische Anpassung durch "cover" sehr gut und einfach.
Code: Select all
[PHP]
if( isset($GLOBALS['LEVEL_ID'][1]) )
{
$backgr= 'leer.jpg';
switch( $GLOBALS['LEVEL_ID'][2])
{ // Werkstatt
case 100: $backgr = 'werkstatt.jpg';
break;
// Uhren
case 110: $backgr = 'uhr.jpg';
break;
// Schmuck
......
case 140: $backgr = 'partner.jpg';
break; }
echo ' <!-- CSS:
#leftBlock {
background-image: url("/picture/'.$backgr.'");
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
} --> '; }
[/PHP]