Random Images - Zufallsbilder mit PHP
Da von verschiedenen Besuchern meiner Seite die Frage aufgeworfen wurde, wie ich denn die Zufallsbilder in meine Sidebar eingebaut habe, hier mal eine kleine Anleitung dazu.
Grundsätzlich benötigt man dafür zwei Dinge: Ein Webspace-Verzeichnis in dem sich die Bilder befinden, die zufällig angezeigt werden sollen und ein PHP-Script, daß den Bilder-Ordner ausliest und für den Zufall sorgt. Solch ein Script kann selbst entwickeln oder man greift auf eines der vielen fertigen zurück. Da ich mich immer noch als PHP-Newbie bezeichnen würde und mit einem gesunden Maß an Faulheit ausgestattet bin, habe ich mich für letztere Variante entschieden. Meine Wahl fiel dabei auf den Random Image Rotator von automaticlabs.com. Die Größe des Scripts beträgt gerade mal 5.534 Bytes. Nun gibt es zwar auch einige Lösungen für Zufallsbilder die mit JavaScript realisiert werden, jedoch haben diese i.d.R. den Nachteil, daß man den Bilder-Pool per Hand im Script definieren muß. Will man später Bilder zum Pool hinzufügen oder aus diesem entfernen, so muß man jedesmal die JavaScript-Datei bearbeiten. Um solche Dinge braucht man sich beim Image Rotator nicht zu kümmern.
Nach dem wir nun also die Datei rotator.zip entpackt haben (enthalten ist übrigens auch eine Version für MacOSX), kopieren wir einfach die Datei rotator.php in das besagte Verzeichnis in dem sich die Bilder befinden. Da ich meine Photogalerie mit folderblog aufgesetzt habe und folderblog automatisch Thumbnails der Originalphotos erzeugt, habe ich die rotator.php einfach in das Thumnailverzeichnis kopiert. Als Beispiel nehmen wir mal an, das Script wurde im Verzeichnis http://www.domain.de/photos/ installiert. Jetzt kann man aus einem beliebigen HTML- respektive PHP-Dokument auf das Script zugreifen. Um an passender Stelle ein Bild einzublenden schreibt man einfach:
<img scr="http://www.domain.de/photos/rotator.php" alt="Zufallsbild" />
oder, wenn das Bild gleichzeitig auch als Link zu einer Photogalerie o.ä. dienen soll:
<a href="http://www.domain.de/photos/">
<img scr=”http://www.domain.de/photos/rotator.php” alt=”Zufallsbild” />
</a>
Das wars schon. Innerhalb der rotator.php kann man auch noch einige Einstellungen/Veränderungen vornehmen. Damit beschäftigt sich dieser Artikel bei A List Apart.
Artikel: Random Images - Zufallsbilder mit PHP
Datum: Monday, 18. April 2005, 00:20 Uhr
Kategorien: Blog, Webdesign, WordPress
Feed zum Beitrag: RSS 2.0 · Trackback: Trackback-URL
Diesen Artikel kommentieren.
Journal (Artikel)
18. April 2005
@ 08:53
Super. Vielen Dank für den Artikel. Werde ich heute abend gleich mal versuchen umzusetzen. Ech Klasse. :)
21. April 2005
@ 16:13
Hi,
ich hab dich mal in meinem ICQ geaddet. Also wäre nett wenn du dich dann mal melden würdest. Ich krieg das mit dem folderblog nicht so ganz auf die Reieh. ?!
Gruß
Benjamin
21. April 2005
@ 16:17
Hi Benjamin,
ICQ hab ich zwar nicht (nur AIM) aber über Trillian müßte das auch gehen, oder? Bin aber jetzt erst mal bis Montag/Dienstag “on the road”. Ich melde mich dann mal Montag Abend, okay?
Ich wollte übrigens sowieso das Folderblog-Template zum Download anbieten, da wäre dann im Wesentlichen gleich alles eingerichtet, das müßtest Du dann nur noch in den Ordner kopieren. Aber wahrscheinlich wird das auch erst Anfang nächster Woche was. Hoffe das reicht noch von der Zeit her. ;)
John
21. April 2005
@ 16:22
Klar reicht das. Hab dich im ICQ aber gefunden :) ... Und schon mal. Vielen Dank.
Und über Trillian gehts auch ICQ - ja G
25. April 2005
@ 19:08
Und was meinst du wann du dazu kommst?
26. April 2005
@ 11:40
Hallo, finde dein template einfach toll, würde mich auch freuen, wenn ich es einsetzen könnte.
Bis bald und weiter so, ein treuer Fan.
Ralf
26. April 2005
@ 18:06
Benijamino, sorry war erst gestern Abend wieder zu Hause und heute hab ich langen Arbeitstag. Messenger wäre morgen ganz nett, hab aber auch noch eine andere Möglichkeit: Ich habe unter jowra.de/forum ein kleines Mini-Forum eingerichtet, da kann man sich prima über WP, folderblog, Webdesign usw. unterhalten. Und ich bin flexibler, weil ich da auch mal von der Arbeit aus drauf zugreifen kann. ;-) Also wenn Du magst registrier Dich einfach und mach mal einen Thread auf. :-) Ist immer ein bißchen schwierig mit der Zeit, weil ich normalerweise auch noch in der Pixelpanne unterwegs bin, das macht ziemlichen Spaß und nimmt mich auch ganz schön in Beschlag. ;-)
Ralf, vielen Dank für Dein Lob. Welches Template meinst Du? Das folgerblog-Design? Ich hoffe mal, ich krieg das diese Woche nun endlich zum Download fertig, also noch etwas Geduld. :-)
6. May 2005
@ 22:15
Bei mir klappt es leider nicht ganz.
—-> hab in dein Forum geschrieben.
15. June 2005
@ 14:02
[...] stellbar: Anzeige eines Zufallsthumbs durch die Verwendung eines ImageRotators, wie zB. hier genauer beschrieben. nach belieben könnte man auf das a [...]
5. December 2005
@ 22:19
[...] ) Um in der Sidebar zufällige Bilder zu erhalten schaut man sich am besten die Seite von Jowra an. Dort wird ausführlich beschrieben, wie man dieses korrek [...]
7. February 2006
@ 05:19
[...] Dann wollte mein Image Rotator von Automaticlabs partout kein Bild anzeigen. Aber auch dieses Problem habe ich elegant gelöst. Ich habe nun Thumbnails erstellt und auf den Server hochgeladen. Bei jedem Reload der Seite erscheint nun eines von 161 Bildern. Das bei jowra erwähnte Programm folderblog verwende ich aber nicht. Ich habe die Bildanzeige ganz simple mit meinem generellen Miyoo-Fotoalbum verlinkt. Dort sind derzeit 650 Fotos in Originalgrösse online und einige warten hier auf der Festplatte noch auf den Upload. [...]
4. May 2006
@ 11:36
Folgende Frage:
Hat jemand ne ahnung, ob man swf auch einbinden kann?
das wäre echt deluxe.
ich hab das mit der datei kennzeichnung “application/swf” probiert.
funktioniert leider nicht.
greetz royalmadness
4. June 2006
@ 21:12
[...] Eine ausführliche deutsche Anleitung, wie man Random Images Rotator in der Sidebar einbindet, findet man im Blog von Jowra. Keywords: none Trackback · No Responses to ‘Zufallsbilder in der Sidebar’ [...]
27. January 2008
@ 18:14
hallo hab das mal versucht aber er zeigt keine bilder an biite mal um hilfe