Code:
<?xml version="1.0" encoding="UTF-16"?>
<html><head>
<base href="Backgrounds/"/>
<!--meta name="viewport" content="width=320, minimum-scale=1.0, maximum-scale=1.0"/-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<style>
body {
background-color: transparent;
margin: 0;
padding: 20px 0 0 0;
height: 442px;
width: 320px;
}
img {
-webkit-transition-property: opacity;
-webkit-transition-duration: 2s;
position: absolute;
width: 320px;
height: auto;
}
img.fade-out {
opacity: 0;
}
img.fade-in {
opacity: 1;
}
</style>
</head><body style="color: black">
<img id="one"/>
<img id="two"/>
<script>
var images = ['1.png', '2.png', '3.png', '4.png'];
var index = 0;
var fade_in = one;
var fade_out = two;
fade_in.src = images[0];
fade_out.src = images[images.length - 1];
var fade = function () {
fade_in.src = images[index];
index = (index + 1) % images.length;
fade_in.className = 'fade-out';
fade_out.className = 'fade-in';
var fade_tmp = fade_in;
fade_in = fade_out;
fade_out = fade_tmp;
setTimeout(fade, 30000);
};
fade();
</script>
</body></html>
Mit diesem einfachen Code kann man - zwar nicht fuer jede Springboard-Seite einen jeweils - doch dafuer mehrere Hintergrundbilder insgesamt verwenden. Das heißt, dass diese in einem vorher vorgegebenen Zeitintervall abwechselnd erscheinen.
In diesem Beispiel handelt es sich um 4 Bilder (1.png - 4.png) - die Dateinamen koennen jedoch beliebig sein. Der Zeitintervall betraegt hier 30 Sekunden (setTimeout(fade, 30000)
und kann ebenfalls beliebig den eigenen Wuenschen veraendert werden.
Der Code muss in einer .html-Datei namens Wallpaper abgelegt werden, welche auf dem iPhone in den jeweiligen Themeordner gepackt werden muss. Die Bilder sind in diesem Beispiel in einem weiteren Ordner darin, der hier "Backgrounds" heißen wuerde, abgelegt.
Grueße,
Scry
//Edit: Verzeihung. Gerade gesehen, dass der Thread schon ein halbes Jaehrchen auf dem Buckel hat ^^.
