Een selectie kiezen resulteert in het geheel verversen van de pagina.
Opent in een nieuw venster.
// URL van de .gif afbeelding (vervang met je eigen URL)
const gifURL = 'https://cdn.shopify.com/s/files/1/0666/6433/3579/files/pompoen_creepy.gif?v=1730217486';
// Check of de gif al getoond is met localStorage
if (!localStorage.getItem('halloweenGifShown')) {
// Maak een afbeeldingselement voor de gif
const halloweenGif = document.createElement('img');
halloweenGif.src = gifURL;
halloweenGif.classList.add('halloween-gif');
document.body.appendChild(halloweenGif);
// Functie om de gif te laten zien en daarna verbergen
function showHalloweenGif() {
halloweenGif.classList.add('show');
setTimeout(() => {
halloweenGif.classList.add('hide');
setTimeout(() => {
halloweenGif.remove();
}, 1000); // Verwijder de gif na het verbergen
}, 3000); // Laat de gif 3 seconden in het midden staan
}
// Toon de gif bij het laden van de pagina
window.addEventListener('load', () => {
showHalloweenGif();
localStorage.setItem('halloweenGifShown', 'true');
});
}