¿Quieres que cada vez que mires tu iPhone tenga un fondo de pantalla o wallpaper diferente? pues sigue esta guia.

1. Pon los wallpapers que quieras usar en una carpeta llamada “wallpapers”
2.Pon en el Wallpaper.html el nombre de los fondos que has puesto dentro de la carpeta.

Para crear el Wallpaper.html solo teneis que copiar el siguiente codigo con un editor de textos y guardar como Wallpaper.html, teneis que modificar lo que está en rojo.

<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″/>
<style>
body {
background-color: black;
margin: 0;
padding: 0;
height: 480px;
width: 320px;
}

img {
position: absolute;
width: 320px;
height: 480px;
}

img.fade-out {
-webkit-transition-property: opacity;
-webkit-transition-duration: 1s;
opacity: 0;
}

img.fade-in {
opacity: 1;
}
</style>
</head>
<body>
<img id=”img1″ class=”fade-in”>
<img id=”img2″ class=”fade-out”>
<script>
// Miestra imagenes al azar como fondo de pantalla

var interval = 3 * 60; // segundos en los que cambia
var imageDir = “./Wallpapers/”; // Directorio donde has puesto la carpeta
var duration = 1; //Duración de la transición
var images = [ //Nombres de los wallpaper
"Wallpaper1.png",
"Wallpaper2.jpg",
"Wallpaper3.jpg",
"Wallpaper4.jpg",
"Wallpaper5.jpg",
"Wallpaper6.jpg",
"Wallpaper7.jpg",
"Wallpaper8.jpg"
];

//// A partir de aqui no cambies nada ////

var index = 0;
var imageCount = images.length;

var randomize = function(){
return Math.round(5 – 10 * Math.random());
};

var fade = function(){
img1.style.zIndex = 1;
img2.style.zIndex = 2;
img1.className = “fade-in”;
img2.className = “fade-out”;

index = (index + 1) % imageCount;
if(!index){
images.sort(randomize);
}

var tmp = img1;
img1 = img2;
img2 = tmp;

setTimeout(function(){img1.src = imageDir + images[index];}, duration * 1000);
setTimeout(fade, interval * 1000);
};

images.sort(randomize);
img1.src = imageDir + images[index];
fade();
</script>
</body>
</html>

3.- Guarda todo el código como Wallpaper.html y guardalo dentro del theme que estes usando

Wikio
Wikio

Artículos Relacionados