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

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