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

// Das Bild als Hintergrundbild des Containers festlegen
$('.flickr-bild').css("background","url(" + randomImageCorrect + ")");
// Text des Buttons ändern und CSS-Klasse hinzufügen
$('button').text("Und jetzt, shake it!").toggleClass("shakeit");
});
};
// Eventhandler: Button
$('button').on('click', function(){
if(geschuettelt) {
polaroidweg();
} else {
neuespolaroid();
}
});
// Eventhandler: Shake
var onShake = function() {
if(!geschuettelt) {
// CSS-Klasse austauschen und Bild einblenden
$('.flickr-bild').toggleClass('sichtbar');
$('button').text("Neues Polaroid!").toggleClass("shakeit");
geschuettelt = true;
}
};
// Shake Plugin
window.onload = function() {
window.addEventListener('shake', shakeEventDidOccur, false);
function shakeEventDidOccur () {
// Folgender Code wird bei einer Schüttelgeste ausgeführt
onShake();
}
};
});
</script>
</body>
</html>
Listing 6.12 Der Inhalt von index.html