Image Auto JS

Photo du jour en JS

Photo du jour
avec WebAcappella Fusion

Créer sur le serveur à la racine du site un répertoire appelé photos et y placer toutes les photos du jour qui devront être nommées avec l'année, le mois et le jour par exemple 20251015.jpg pour l'image qui paraitra le 15/10/2025.

Code à placer dans un élément code HTML à l'emplacement souhaité sur la page

                        <div id="principal" style="text-align:center">
                        <script>
                        var date = new Date();
                        var year = date.toLocaleString("default", { year: "numeric" });
                        var month = date.toLocaleString("default", { month: "2-digit" });
                        var day = date.toLocaleString("default", { day: "2-digit" });
                        var MaDate = year + month + day;
                        var lien = "https://monsite.com/photos/"+ MaDate + ".jpg";
                        var image = " <img src=" + lien + " alt=\"" + "\" width=\"100%\">";
                        document.write(image);
                        document.getElementById('principal').innerHTML = image;
                        </script>
                        </div>

Validation W3C

Slider et Image

Accordion

Divers 1

Divers 2

Mascarade

Lumière

Couché de soleil

Le Crozon