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