Fond d'écran défilant Iphone

Résolu/Fermé
tennismantonio Messages postés 40 Date d'inscription vendredi 6 février 2009 Statut Membre Dernière intervention 12 août 2011 - 6 août 2010 à 18:43
tennismantonio Messages postés 40 Date d'inscription vendredi 6 février 2009 Statut Membre Dernière intervention 12 août 2011 - 8 août 2010 à 17:13
Bonjour,

J'ai un iphone 3G et j'aimerais savoir comment mettre les fond d'écran défilant...
Jusqu'à maintenant j'avais trouvé une méthode avec le wallpaper.html mais c'est un peu du bidouillage et ça fonctionne pas terrib...
Voila ce que j'ai fais...
<?xml version="1.0" encoding="UTF-16"?>
<html><head>
<base href="Private/"/>
<!--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: black;
margin: 0;
padding: 20px 0 0 0;
height: 442px;
width: 320px;
}

img {
-webkit-transition-property: opacity;
-webkit-transition-duration: 3s;
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 = ['0.png', '1.png', '2.png', '3.png', '4.png', '5.png', '6.png', '7.png', '8.png', '9.png', '10.png', '11.png', '12.png', '13.png', '14.png', '15.png', '16.png', '17.png', '18.png', '19.png', '20.png', '21.png', '22.png', '23.png', '24.png', '25.png', '26.png', '27.png', '28.png', '29.png', '30.png', '31.png', '32.png', '33.png', '34.png', '35.png', '36.png', '37.png', '38.png', '39.png', '40.png', '41.png', '42.png', '43.png', '44.png', '45.png', '46.png', '47.png', '48.png', '49.png', '50.png', '51.png', '52.png', '53.png', '54.png', '55.png', '56.png', '57.png', '58.png', '59.png', '60.png', '61.png', '62.png', '63.png', '64.png', '65.png', '66.png', '67.png', '68.png', '69.png'];
var index = 0;

var fade_in = one;
var fade_out = one;

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, 15000);
};

fade();
</script>
</body></html>

Sur internet j'ai trouvé pour en faire neuf : comme ceci
<?xml version="1.0" encoding="UTF-16"?>
<html><head>
<base href="Private/"/>
<!--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: black;
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 src="Wallpaper1.png" id="wall1"/>
<img src="Wallpaper2.png" id="wall2"/>
<img src="Wallpaper3.png" id="wall3"/>
<img src="Wallpaper4.png" id="wall4"/>
<img src="Wallpaper5.png" id="wall5"/>
<img src="Wallpaper6.png" id="wall6"/>
<img src="Wallpaper7.png" id="wall7"/>
<img src="Wallpaper8.png" id="wall8"/>
<img src="Wallpaper9.png" id="wall9"/>

<script>
var fade_in = wall1;
var fade_to = wall2;
var fade_tree = wall3;
var fade_for = wall4;
var fade_fiv = wall5;
var fade_six = wall6;
var fade_sev = wall7;
var fade_eig = wall8;
var fade_out = wall9;



var fade = function () {
fade_in.className = 'fade-out';
fade_to.className = 'fade-out';
fade_tree.className = 'fade-out';
fade_for.className = 'fade-out';
fade_fiv.className = 'fade-out';
fade_six.className = 'fade-out';
fade_sev.className = 'fade-out';
fade_eig.className = 'fade-out';
fade_out.className = 'fade-in';

var fade_tmp = fade_in;
fade_in = fade_to;
fade_to = fade_tree;
fade_tree = fade_for;
fade_for = fade_fiv;
fade_fiv = fade_six;
fade_six = fade_sev;
fade_sev = fade_eig;
fade_eig = fade_out;
fade_out = fade_tmp;
setTimeout(fade, 3000);
};

fade();
</script>
</body></html>


mais je ne sais pas l'étendre à 60, le nombre de mes fond d'écran...
Si quelqu'un a une idée...
Merci
A voir également:

4 réponses

alors très simple télécharge l'application bosspaper et tout t désir seron réalité ;) cette aplie est trop bien
28