Pagina hits: 1475 [Vandaag: 1] | Momenteel: 5 gebruikers online

WebsiteBaker - Tips

Een aparte afbeelding op iedere pagina

 Templates / CSS
WebsiteBaker - Tips >> Templates / CSS

Vaak komt de vraag langs: Hoe zorg ik in mijn template dat op iedere pagina een andere afbeelding wordt getoond.

Dat is helemaal niet zo lastig als het lijkt.

Iedere pagina in Website Baker heeft een PAGE_ID. Dit is het nummer waarmee de pagina is opgeslagen in de database.
Dat nummer is in de php code van je template te gebruiken via de variabele $page_id.
Door het gebruik van dat nummer kunnen we natuurlijk simpel de afbeelding een unieke naam geven.
Hieronder staat een voorbeeld hoe dat zou kunnen werken.

Als eerste maak je een aantal afbeeldingen die je wilt gebruiken en die plaats je in een map op je webserver.
Het handigst is het om hiervoor een map te maken in de /media/ map van WB. Dan kan je later makkelijk afbeeldingen toevoegen of veranderen.

De afbeeldingen geef je allemaal dezelfde naam, met uiteraard het nummer erin van de pagina waar hij getoond moet worden.
Als voorbeeld gebruiken we zodadelijk de map /media/tpl/ en de afbeeldingen heten img_1.jpg, img_2.jpg enz..

De volgende code zal controleren of de afbeelding bestaat met het nummer van de pagina die geladen is. Omdat het lastig is om van te voren te weten welke pagina welk nummer heeft wordt het nummer als alt tekst en als title tekst toegevoegd.
Simpel even met de muis over het plaatje hoveren en je ziet het nummer van de pagina.

Als de afbeelding met het juiste nummer niet bestaat zal een afbeelding worden gekozen met de naam img_1.jpg t/m img_5.jpg.

$purl = WB_URL.MEDIA_DIRECTORY."/tpl/img_".$page_id.".jpg";
$ppath = WB_PATH.MEDIA_DIRECTORY."/tpl/img_".$page_id.".jpg";
$palt = PAGE_TITLE.' - '.$page_id.'';
if (!file_exists($ppath)) {
  $purl = WB_URL.MEDIA_DIRECTORY.'/tpl/img_'.($page_id % 5 +1).'.jpg';
}
echo  '<img id="header" src="'.$purl.'" alt="'.$palt.'" title="'.$palt.'" />';

Zorg dus dat de eerste 5 afbeeldingen bestaan. Dan zal het niet voorkomen dat er helemaal geen afbeelding wordt getoond.
Wil je een bepaalde afbeelding op een pagina laten zien, plaats hem in de juiste map met de juiste naam en het gaat vanzelf.

 



<< Naar het overzicht

Commentaren

Niet gevonden

Commentaar toevoegen


Onderwerpen


Meest gelezen