JoomlaBlog - Nederlands Weblog over Joomla

Willekeurige achtergrond

Geschreven door Arjan Menger

zondag 21 oktober 2007

Dit weekend was ik bezig met het bouwen van een template waarbij in het ontwerp stond aangegeven dat er 5 willekeurige achtergronden gebruikt moesten worden. Na een kleine zoektocht op het Joomla! forum en Google kwam ik een aantal veel te ingewikkelde voorbeelden tegen. Gelukkig was er ook een oplossing die maar een paar regeltjes in de index.php van je template beslaat.

In onderstaand voorbeeld ga ik er vanuit dat er gebruik wordt gemaakt van 5 verschillende achtergronden. Uiteraard ben je er vrij in dit aantal naar je eigen zin te maken.

Om te beginnen moet je zorgen dat je 5 achtergronden hebt. Geef deze de namen image-01.jpg tot en met image-05.jpg. Deze uploaden we in de nieuwe map "backgrounds" in de map "images" van je template. Als je wilt kun je de achtergronden ook in de map /images/stories/backgrounds/ zetten als je dat makkelijker lijkt. In dit geval heb ik dat niet gedaan, omdat ik niet wil dat je klant de afbeeldingen aanpast of per ongeluk verwijdert.

Open nu de index.php van je template en voeg de volgende regel toe na de eerste PHP tag:

$imgid = sprintf("-%02d",rand(1,5));

De code zal er dan ongeveer als volgt uitzien:

<?php
defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );
$imgid = sprintf("-%02d",rand(1,5));
$iso = split( '=', _ISO );
echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';
?>

Nadat we dat gedaan hebben voegen we het volgende aan de <body> toe:

<body style="background: url(<?php echo $GLOBALS['mosConfig_live_site']; ?>/templates/<?php echo $cur_template; ?>/images/backgrounds/image<?php echo $imgid; ?>.jpg);">

Sla nu de index.php op en upload deze naar je server en kijk vervolgens via je browser of het gelukt is. Als het goed is heeft je template een willekeurige achtergrond. Let wel op dat je geen achtergrond toe hebt gekend in de template_css.css van je template. Deze zal namelijk de stijl in de index.php overschrijven.

Commentaar (0) Add Comment

Schrijf commentaar

U moet ingelogd zijn om commentaar te geven. Eerst registreren als u nog geen account hebt.

< Vorige		Volgende >

[ terug ]