Random Images - Zufallsbilder mit PHP

18 04 2005

Da von ver­schie­de­nen Besu­chern mei­ner Seite die Frage auf­ge­wor­fen wurde, wie ich denn die Zufalls­bil­der in meine Side­bar ein­ge­baut habe, hier mal eine kleine Anlei­tung dazu.

Grund­sätz­lich benö­tigt man dafür zwei Dinge: Ein Webspace-​Verzeichnis in dem sich die Bil­der befin­den, die zufäl­lig ange­zeigt wer­den sol­len und ein PHP–Script, daß den Bilder-​Ordner aus­liest und für den Zufall sorgt. Solch ein Script kann selbst ent­wi­ckeln oder man greift auf eines der vie­len fer­ti­gen zurück. Da ich mich immer noch als PHP–New­bie bezeich­nen würde und mit einem gesun­den Maß an Faul­heit aus­ge­stat­tet bin, habe ich mich für letz­tere Vari­ante ent­schie­den. Meine Wahl fiel dabei auf den Ran­dom Image Rota­tor von auto​ma​ti​cl​abs​.com. Die Größe des Scripts beträgt gerade mal 5.534 Bytes. Nun gibt es zwar auch einige Lösun­gen für Zufalls­bil­der die mit Java­Script rea­li­siert wer­den, jedoch haben diese i.d.R. den Nach­teil, daß man den Bilder-​Pool per Hand im Script defi­nie­ren muß. Will man spä­ter Bil­der zum Pool hin­zu­fü­gen oder aus die­sem ent­fer­nen, so muß man jedes­mal die JavaScript-​Datei bear­bei­ten. Um sol­che Dinge braucht man sich beim Image Rota­tor nicht zu kümmern.

Nach dem wir nun also die Datei rotator.zip ent­packt haben (ent­hal­ten ist übri­gens auch eine Ver­sion für MacOSX), kopie­ren wir ein­fach die Datei rotator.php in das besagte Ver­zeich­nis in dem sich die Bil­der befin­den. Da ich meine Pho­to­ga­le­rie mit fol­derblog auf­ge­setzt habe und fol­derblog auto­ma­tisch Thumbnails der Ori­gi­n­alp­ho­tos erzeugt, habe ich die rotator.php ein­fach in das Thum­nail­ver­zeich­nis kopiert. Als Bei­spiel neh­men wir mal an, das Script wurde im Ver­zeich­nis http://​www​.domain​.de/​p​h​otos/ instal­liert. Jetzt kann man aus einem belie­bi­gen HTML- respek­tive PHP–Doku­ment auf das Script zugrei­fen. Um an pas­sen­der Stelle ein Bild ein­zu­blen­den schreibt man einfach:

<img scr="http://www.domain.de/photos/rotator.php" alt="Zufallsbild" />

oder, wenn das Bild gleich­zei­tig auch als Link zu einer Pho­to­ga­le­rie o.ä. die­nen soll:

<a href="http://www.domain.de/photos/"> <img scr="http://www.domain.de/photos/rotator.php" alt="Zufallsbild" /> </a>

Das wars schon. Inner­halb der rotator.php kann man auch noch einige Einstellungen/​Veränderungen vor­neh­men. Damit beschäf­tigt sich die­ser Arti­kel bei A List Apart.

Konversation  

Kommentare



Konversation  

Artikel kommentieren








Kommentare können mit (X)HTML-Elementen oder mit Textile ausgezeichnet werden. Es werden nicht alle Elemente unterstützt. Diesbezüglich gilt: »Weniger ist mehr.«

Smallprint

Impressum & Co.

HA·BÁ·RI