rotation body backgroundimage
bonjour , je sais pas si c'est exactement la bonne catégorie pour ce post au cas ou sa ne le serait pas veuillez m'excuser.
Si vous regardez la page home de grosbill.com on peux apprecier une rotation du background avec une transition en fade in , fade out.:ccool:
j'ai donc trouvé quelques chose de similaire et tres leger a intergrer dans code qui a pour fonction de remplacer a intervale l'image de fond css de mon body de ma page home
http://stackoverflow.com/questions/7...f-body-by-time
Code:
1
2
3
4
5
6
7
8
9
10
| <script>
bgArr = ['slider/fond1.jpg', 'slider/fond2.jpg', 'slider/fond3.jpg', 'slider/fond4.jpg', 'slider/fond5.jpg', 'slider/fond6.jpg', 'slider/fond7.jpg', 'slider/fond8.jpg'];
bgCur = 0;
backgroundSwitch = function()
{
if (bgCur == bgArr.length) bgCur = 0;
document.body.style.backgroundImage = 'url('+ bgArr[bgCur++]+ ')';
}
window.setInterval(backgroundSwitch, 10000);
</script> |
mais je n'ai aucune idée de comment ajouter dans ce code une transition de fondu entre les photos de type fade in fade out.:?
Si un wizzard a un tips ou une alternative je suis preneur.
merci et bonne journée
