Picasa-Webalbum in die eigene Seite einbinden

22.07.2008 - Gerrit Garbereder

PicasaWie der Titel schon sagt geht es in diesem Beitrag darum, wie man sein Picasa-Webalbum in die eigene Homepage einbindet. Google stellt dazu schon eine nützliche Funktion bereit. Diese erstellt einen Codeschnipsel, der direkt so wie er ist in den Quelltext eingefügt werden kann und dann funktioniert auch alles. Wunderbar! Diesen Codeschnipsel kann man sie wie folgt erzeugen lassen. Man geht dazu in sein Picasa-Webalbum und kennzeichnet dieses als öffentlich. Ist dies geschehen öffnet man das Webalbum im Browser. Dort erscheint auf der linken Seite ein Link “Link zu diesem Album”, ein Klick darauf lässt zwei Textboxen erscheinen (Siehe Bild). Die obere ist ein Direktlink und uninteressant. Die untere enthält den Code, der gebraucht wird. Kopieren und an gewünschter Stelle im Quelltext der eigenen Homepage einfügen.

Jetzt wird jedoch das Webalbum im selben Fenster geöffnet und die Übersicht angezeigt. In dem Codeschnipsel gibt es zwei <a>-Tags der Form

<a href=”kryptisher Text“>

Diesen muss das Attribut target="_blank" hinzugefügt werden:

<a href=”kryptisher Text” target=”_blank”>

Jetzt öffnet sich das Webalbum in einem neuen Fenster und die eigene Homepage ist weiterhin geöffnet.

Wem das noch nicht reicht und lieber direkt die Diashow gestartet hätte kann folgendes tun. Man öffnet wieder sein Picasa-Webalbum. Dort klickt man auf Diashau. Die Diashow öffnet sich und die Adresse im Adressfeld ändert sich. Diese muss markiert und kopiert werden bevor das Bild wechselt. Dazu sind ca. 5 Sekunden Zeit, sollte also locker reichen. Wem das nicht reicht, der kann das Intervall einstellen und hat somit mehr Zeit. Der kopierte Link muss nun in den Codeschnipsel eingefügt werden.
Vorher:

<a href=”kryptisher Text” target=”_blank”>

Nachher:

<a href=”kopierter Text” target=”_blank”>

Geschafft! Mit einem Klick auf das Bild öffnet sich nun die Diashow in einem neuen Fenster. Das Aussehen des Vorschaubildes lässt sich natürlich mit ein bisschen CSS und HTML Kenntnissen beliebig anpassen. Wichtig sind nur die URLs zum Vorschaubild und zum Album bzw. der Diashow.

Galerie wieder online

22.07.2008 - Gerrit Garbereder

Nach der Umstellung auf Wordpress waren die Bilderalben leider erstmal nicht verfügbar. Nun habe ich Zeit gefunden diese in das neue Design und Wordpress einzupflegen. Ab sofort findet ihr die Galerie unter http://www.Garbereder.de/galerie die Bilderalben. Diese sind bei Picasa gehostet und werden durch eine leicht modifizierte Variante der von Google automatisch erstellten Tabelle zum einbinden auf der Homepage eingebunden. Diese Veränderungen sind, dass bei Klick ein neues Fenster geöffnet wird und die Anordnung ist in einer Tabelle, damit es möglich ist zwei Spalten zu haben. Außerdem wird nicht die Bilderübersicht geladen sondern direkt die Diashow gestartet.

In Zukunft werde ich hoffentlich auch nochmal die Gelegenheit haben neue Bilder zu machen. Aber erstmal viel Spaß mit den Bildern.