Wisselende afbeeldingen - eenvoudig

U wilt op eenzelfde pagina steeds andere afbeeldingen, zoals foto’s, banners, logo’s, enz. Natuurlijk kunt u de Banner- of de Advertisement-module gebruiken. Maar voor eenvoudige toepassingen is dit vaak helemaal niet nodig of zelfs ongewenst vanwege de eisen die deze modules stellen.

Als voorbeeld gebruiken we de website www.bccal.nl. Boven in de rechterkolom staat bovenaan steeds een andere foto. Hoe is dit gemaakt?

Randvoorwaarden:

• alle foto’s staan in dezelfde directory (= map) op de webserver;
• de foto’s worden door u zelf in deze directory geplaatst;
• alle foto’s hebben dezelfde naam met alleen een verschillend volgnummer;
• de volgnummers zijn oplopend zonder „gaten” in de telling;
• de foto’s worden aselect getoond;
• er wordt slechts 1 foto per pagina weergegeven.

Hoe gaat een en ander in zijn werk?

Ga naar Beheren » Blokken en klik op „Blok toevoegen”. Zet in de blokbeschrijving een herkenbare tekst zoals: „foto’s rechtsboven”. De Bloktitel wordt leeg gelaten want we willen geen naam tonen boven het blok op de pagina. In Blokinhoud komt de oplossing. Zet hier de volgende tekst:

<?php
print "<img src=\"/files/fotos/plaatje-".rand(1,8).".gif\">";
?>

Klik op invoerformaat, kies PHP-code en sla het blok op.

Zet vervolgens het blok op de gebruikelijke wijze op de pagina door het „in te schakelen” en in de juiste zijbalk te plaatsen.

Verklaring van het kleine programma dat u zojuist hebt ingevoerd:

• <?php en ?> geven aan dat we een PHP-programma hebben geschreven, waarbij <?php het begin van de PHP-taal aangeeft en ?> het einde;
• /files/fotos is de directory op de webserver waar de foto’s staan;
• iedere foto heeft als naam: plaatje-x.gif, waar x het volgnummer van de foto is, dus plaatje-1.gif, enz.;
• rand(1,8) is een PHP instructie om een aselect getal te maken met als laagste waarde een 1 en hoogste een 8. We hebben in totaal dus 8 foto’s die afwisselend worden weergegeven!;
• print „<img src=" samen met het eind van de regel: ">”; zijn PHP-instructies om de foto af te beelden.

Als u uw eigen aanpassingen wilt doorvoeren is het van belang om de PHP-code niet te wijzigen anders werkt het niet meer. Wel kunt u de naam van de directory (map) wijzigen, de naam „plaatje” vervangen door „afbeelding”, „logo”, enz. of het bestandsformaat „gif” wijzigen in iets anders, zoals „jpg”. Als er meer of minder dan 8 afbeeldingen zijn, wijzig dan 8 in de code naargelang het aantal.

Opmerking: door het gebruik van de Drupal-caching blijft dezelfde foto enkele uren lang op dezelfde pagina staan. De pagina wordt uit de cache (= paginaopslag) gehaald waardoor niet steeds opnieuw een pagina wordt aangemaakt. Na verloop van tijd zal deze automatisch veranderen.

Op de pagina „Wisselende afbeeldingen - uitgebreid” staat een voorbeeld met veel meer mogelijkheden.