Image de fond dynamique sur Blogspot
b.traven42
Messages postés
30
Statut
Membre
-
b.traven42 Messages postés 30 Statut Membre -
b.traven42 Messages postés 30 Statut Membre -
Bonjour,
Je me suis récemment créé un blog grâce à la plate-forme Blogger. La personnalisation permet d'accéder au code source des pages.
Je souhaiterais pouvoir faire changer l'image de fond en fonction de l'heure de la journée. En effet, j'ai 2 photos d'un même endroit prises soit au milieu de la journée soit en pleine nuit : j'aimerais qu'entre 8h et 20h s'affiche la photo prise le jour puis de 20 h à 8h la photo prise de nuit.
A moins que je dise des bêtises, les pages de Blogger n'utilisent que du HTML. J'ai essayé de créer un fichier PHP qui change le nom de mes images en fonction de l'heure mais je ne suis arrivé à rien. Auriez-vous une solution à mon problème ?
Merci d'avance.
Je me suis récemment créé un blog grâce à la plate-forme Blogger. La personnalisation permet d'accéder au code source des pages.
Je souhaiterais pouvoir faire changer l'image de fond en fonction de l'heure de la journée. En effet, j'ai 2 photos d'un même endroit prises soit au milieu de la journée soit en pleine nuit : j'aimerais qu'entre 8h et 20h s'affiche la photo prise le jour puis de 20 h à 8h la photo prise de nuit.
A moins que je dise des bêtises, les pages de Blogger n'utilisent que du HTML. J'ai essayé de créer un fichier PHP qui change le nom de mes images en fonction de l'heure mais je ne suis arrivé à rien. Auriez-vous une solution à mon problème ?
Merci d'avance.
A voir également:
- Image de fond dynamique sur Blogspot
- Tableau croisé dynamique - Guide
- Image iso - Guide
- Enlever le fond d'une image - Guide
- Mettre une image en fond sur word sur une seule page - Guide
- Comment mettre une vidéo en fond d'écran - Guide
<script type="text/javascript"> <!-- window.onload=function(){ var currentTime=new Date().getHours(), currentImg=""; // if ( currentTime >=8 && currentTime <20){ currentImg="image1.jpg"; } else { currentImg="image2.jpg"; } // document.body.style.backgroundImage="url("+currentImg+")"; } // ----------- //--> </script>