HTML and CSS Reference
In-Depth Information
6
Abbildung 6.7
Anderen Benutzern erlauben, Ihre Bilder herunterzuladen
Beachten Sie, dass Sie für die Verwendung via JSON das Format der Webadresse wie folgt
anpassen müssen. Achten Sie dabei auf den letzten Teil
&format=json&jsoncallback=?
.
http://api.flickr.com/services/feeds/photos_public.gne?id=29306403@N07&lang=
de-de&format=json&jsoncallback=?
Diese Flickr-Adresse können Sie nun via JSON und jQuery weiter verwenden.
Doch nun zurück zum JSON-Aufruf. Innerhalb des Aufrufs existiert eine Funktion, in
der Sie das zufällige Bild laden. Die Funktion beinhaltet bereits die JSON-Daten, die nun
weiterverarbeitet werden möchten. Unterm Strich wollen Sie die Bildadresse in einer
Variablen speichern und dann dem Container das Flickr-Bild als Hintergrundbild
zuweisen. Sie laden ein zufälliges Bild aus dem gewählten Feed mit folgendem Code:
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?id=
29306403@N07&lang=de-de&format=json&jsoncallback=?", function(data){
// Zufälliges Bild aus dem Flickr-Stream auswählen
randomImage = data.items[Math.floor(Math.random() * data.items.length)].media.m;
});
Listing 6.7
Ein zufälliges Bild aus dem Flickr-Feed laden
Search WWH ::
Custom Search