11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour tout le monde !

J'utilise un script JS pour avoir un slideshow en background que vous pouvez voir en action ici http://www.stephanekouchian.com/test/

<script language="JavaScript1.2">
//Specify background images to slide
var bgslides=new Array()
bgslides[0]="motif.jpg"
bgslides[1]="motif2.jpg"
bgslides[2]="motif.jpg"
bgslides[3]="motif3.jpg"
bgslides[4]="motif.jpg"
bgslides[5]="motif4.jpg"
//Specify interval between slide (in miliseconds)
var speed=4000

//preload images
var processed=new Array()
for (i=0;i<bgslides.length;i++){
processed[i]=new Image()
processed[i].src=bgslides[i]
}

var inc=-1

function slideback(){
if (inc<bgslides.length-1)
inc++
else
inc=0
document.body.background=processed[inc].src
}

if (document.all||document.getElementById)
window.onload=new Function('setInterval("slideback()",speed)')
</script>


Il marche très bien, seulement il y a 2 petites choses que j'aimerais pouvoir regler :
- D'abord le 1er motif ne s'affiche pas immediatemet mais il s'affiche selon le reglage du diaporama..Pensez vous que c'est possible que le 1er motif s'affiche dès que l'on arrive sur la page..?
- Ensuite j'aimerais (mais peut être j'en demande trop ! ! Smiley biggrin Smiley langue ) que la transition se fasse par fade et non sèchement comme actuellement...?

Je suis novice en javascript..du coup je ne sais pas trop comment m'y prendre... !
Merci d'avance !
Smiley smile Smiley smile
[/i][/i][/i]
Modifié par lambdaka (17 Apr 2010 - 17:38)
Tu peux mettre un background en css qui sera affiché dès le chargement puis remplacé par les suivant (js)
hello,
merci pour ta réponse super rapide...
Seulement j'avais deja essayer de mettre un fond en css, mais il reste et le JS ne semble pas prendre le relais..
Est ce qu'il faut rajouter du code quelques part pour dire que le background doit être remplacé...?
Merci Smiley smile Smiley biggrin