Cherche code slideshow pour wallpaper.html

Questions diverses à propos de l'iPhone 3G / 2G ou de son firmware. Questions avant achat, après achat, après vente.

Modérateur: Mode&Rateurs

Règles du forum
[!] Si vous considérez votre problème comme réglé, merci de le signaler, un modérateur indiquera par une coche verte Image que votre problème est résolu.
6.12 Figurines 728x90

Cherche code slideshow pour wallpaper.html

Messagepar cobra luanda » Ven 24 Juil 2009 18:43

Bonjour à tous,

Quelqu'un aurait-il le code d'un slideshow popur un wallpaper.html?
J'en ai déjà un mais à chaque fois que je veux ajouter une photo au slideshow je suis oblié de modifier tout le code et j'aimerai ne pas avoir à le faire. Par exmple, ajouter la photo dans le répertoire et que le wallpaper.html utilise toutes les photos du répertoire en question.

Voici le code que j'utilise actuellement :

<?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="a.png" id="a"/>
<img src="b.png" id="b"/>
<img src="c.png" id="c"/>
<img src="d.png" id="d"/>
<img src="e.png" id="e"/>
<img src="f.png" id="f"/>
<img src="g.png" id="g"/>
<img src="h.png" id="h"/>



<script>
var fade_in = a;
var fade_out = b;
var fade_in1 = c;
var fade_out1 = d;
var fade_in2 = e;
var fade_out2 = f;
var fade_in3 = g;
var fade_out3 = h;

var fade = function () {
fade_in.className = 'fade-out';
fade_out.className = 'fade-in';

var fade_tmp = fade_in;
fade_in = fade_out;
fade_out = fade_in1;
fade_in1 = fade_out1;
fade_out1 = fade_in2;
fade_in2 = fade_out2;
fade_out2 = fade_in3;
fade_in3 = fade_out3;
fade_out3 = fade_tmp;

setTimeout(fade, 3000);
};

fade();
</script>
</body></html>
iPhone 3G - firmware V3
cobra luanda
 
Message(s) : 76
Inscrit(e) le : Mer 15 Juil 2009 21:33

Re: Cherche code slideshow pour wallpaper.html

Messagepar Coook » Ven 24 Juil 2009 20:25

Avec ça ce sera plus facile pour ajouter une image

<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 {
-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 src="Walls/1.png"/>

<img src="Walls/2.png"/>

<img src="Walls/3.png"/>


<script>



var interval = 6; // Seconds between change


var images = document.getElementsByTagName("img");

var imageArray = [];

var imageCount = images.length;

var current = 0;


var randomize = function(){return (Math.round(Math.random() * 3 - 1.5));}

for(var i = 0; i < imageCount; i++){
images[i].className = 'fade-out';imageArray[i] = images[i];}

imageArray.sort(randomize);var fade = function(){imageArray[current++].className = 'fade-out';if(current == imageCount){
current = 0;imageArray.sort(randomize);}

imageArray[current].className = 'fade-in';setTimeout(fade, interval * 1000);};

fade();

</script>

</body>

</html>

Tu places un dossier Walls à la racine de ton thème avec tes Wallpapers nommés :
1.png
2.png
3.png
Et si tu veux en ajouter un tu le mets dans le dossier Walls en le nommant
4.png et tu ajoutes la ligne suivante
Code : Tout sélectionner
<img src="Walls/4.png"/>

en dessous de

<img src="Walls/1.png"/>

<img src="Walls/2.png"/>

<img src="Walls/3.png"/>

Ce qui donnera :

<img src="Walls/1.png"/>

<img src="Walls/2.png"/>

<img src="Walls/3.png"/>

<img src="Walls/4.png"/>

Si j'ai bien compris ce que tu voulais
Coook
 
Message(s) : 251
Inscrit(e) le : Dim 05 Avr 2009 08:20

Re: Cherche code slideshow pour wallpaper.html

Messagepar cobra luanda » Ven 24 Juil 2009 22:40

Yes c'est nickel !!!!
En plus pour règler le temps de chaque image c'est bcp plus simple.
Merci !!!
iPhone 3G - firmware V3
cobra luanda
 
Message(s) : 76
Inscrit(e) le : Mer 15 Juil 2009 21:33




Retour vers Questions diverses - ou Régulations des Angoisses

Qui est en ligne ?

Utilisateur(s) parcourant ce forum : Aucun utilisateur inscrit et 4 invité(s)

cron