Auslesen des Bewegungssensors mit JavaScript - Apps mit HTML5 und CSS3: Fur iPad, iPhone und Android - page 263

<!-- jQuery aus dem Google CDN -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"
type="text/javascript"></script>

<!-- Shake Plugin -->
<script src="javascript/shake.js" type="text/javascript"></script>

<!—- Das JavaScript -->
<script>
var geschuettelt = false;

6

$(function(){
//Altes Polaroid verschwinden lassen
var polaroidweg = function() {
$('.flickr-bild').toggleClass('sichtbar');
$('.polaroid-rahmen').css("-webkit-transform", "rotate(" + (Math.floor
(Math.random() * 180)-90) + "deg)");
$('.polaroid-rahmen').toggleClass('sichtbar');
setTimeout(function() {
neuespolaroid();
}, 1000);
};

// Neues Polaroid einblenden
var neuespolaroid = function() {
// Leichte Rotation per Zufall
$('.polaroid-rahmen').css("-webkit-transform", "rotate(" + (Math.floor
(Math.random() * 10)-5) + "deg)");

// Geschuettelt wieder auf 0 setzen
geschuettelt = false;

// 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");