Transition fond ecran éléatoire

Messages postés
74
Date d'inscription
lundi 24 janvier 2011
Statut
Membre
Dernière intervention
21 février 2012
-
Bonjour,

voici mon code pour l'affiche de mon fond écran aléatoire qui fonctionne très bien mais je voudrais savoir si il est possible de mettre des transitions entre chaque image comme un fondu par exemple.
<style type="text/css">
body{
-webkit-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
}
</style>
<script language="javascript" type="text/javascript">
var compteur=0
tbimage=new Array('fond2.jpg','fond1.jpg','fond3.jpg')

function pouic(){

if(compteur==tbimage.length){
compteur=0
}
document.body.style.cssText='background:url(/JOOMLA/images/stories/accueil/'+tbimage[compteur]+')no-repeat center fixed;'
compteur++
setTimeout(pouic,4000)
}
</script>




Afficher la suite