Fond d'écran défilant Iphone

Résolu

tennismantonio Messages postés 40 Date d'inscription Statut Membre Dernière intervention -
tennismantonio Messages postés 40 Date d'inscription Statut Membre Dernière intervention - 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 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 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:

Fond d écran qui defile iphone
Comment faire un fond d'ecran avec plusieur images iphone - Meilleures réponses
Comment faire defiler des photos en fond d'écran sur iphone - Meilleures réponses
Iphone 16 - Accueil - Téléphones
Double ecran - Guide
Trousseau iphone - Guide
Comment mettre une vidéo en fond d'écran - Guide
Capture d'écran whatsapp - Accueil - Messagerie instantanée

4 réponses

Réponse 1 / 4

alexloveclem

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

Discussions similaires

iPhone : réduire une photo pour la mettre en fond d'écran

récupérer la photo de fond d'écran

Faire un fonds d'écran avec plusieurs images

Fond d'écran rogné et zoomé

fond d'écran trop grand

Fond d'écran Iphone: impossible d'en mettre!

Votre réponse

Discussions similaires