Le conseil de Zadz : En vous inscrivant, vous aurez beaucoup moins de publicités et un accès à tous les tutoriels!

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.
4.1 Soldes jeux video 728x90 i

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 8 invité(s)