Native Anwendungen und App Stores - Apps mit HTML5 und CSS3: Fur iPad, iPhone und Android - page 365

// Flickr-Bild laden
var randomImage = "";

$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?id=
29306403@N07&lang=en-us&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;
// Das Bild durch eine größere Version ersetzen
var randomImageCorrect = randomImage.replace("_m.jpg", "_z.jpg");

9

Die Flickr-Abfrage benötigen Sie nicht mehr, da das Bild nun von dem Gerät selbst
geschossen wird. Achten Sie darauf, auch die geschlossene und geschweifte Klammer
sowie das Semikolon zu löschen, welches nach Textänderung des Button-Textes zu
»Und jetzt, shake it!« steht. Diese Zeichen gehören noch zur .getJSON -Funktion, die
Sie ja bereits gelöscht haben. Ihre Funktion neuespolaroid() sollte nun wie folgt aus-
sehen:

// Neues Polaroid einblenden
var neuespolaroid = function() {
// Polaroid einfliegen lassen
// Leichte Rotation per Zufall
rotation = Math.floor(Math.random() * 10)-5;
$('.polaroid-rahmen').css("-webkit-transform", "rotate(" + rotation +
"deg)").toggleClass('sichtbar');
// Geschuettelt wieder auf 0 setzen
geschuettelt = false;
// Das Bild als Hintergrundbild des Containers festlegen
$('.flickr-bild').css("background","url(" + randomImageCorrect + ")");
// Text des Buttons ändern
$('button').text("Und jetzt, shake it!").toggleClass("shakeit");
};

Die Funktion neuespolaroid ohne die Flickr-AbfrageSie möchten nun, dass die
Kamera-Funktion startet, wenn der Benutzer auf den Button drückt. Nachdem er ein
Foto geschossen hat, soll das Polaroid ins Bild fahren und der Button-Text soll sich in