Sklep - Moda Męska: Najnowsze Trendy i Klasyczne Stye

// Tworzymy preloader dynamicznie document.addEventListener('DOMContentLoaded', function() { // Utworzenie kontenera preloadera const preloader = document.createElement('div'); preloader.id = 'custom-preloader'; preloader.style.cssText = ` position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; display: flex; justify-content: center; align-items: center; z-index: 9999; pointer-events: none; /* kliknięcia przechodzą na stronę */ `; // Utworzenie GIF-a const gif = document.createElement('img'); gif.src = 'https://tresamigos.pl/wp-content/plugins/preloader-for-website/assets/images/spinner-2.gif'; gif.alt = 'Ładowanie...'; gif.style.cssText = 'width:100px; height:100px; cursor:pointer; pointer-events:auto;'; // Klikalny GIF gif.addEventListener('click', function() { alert('Kliknięto preloader!'); }); // Dodanie GIF-a do kontenera preloader.appendChild(gif); // Wstawienie preloadera na początku body document.body.prepend(preloader); }); // Ukrycie preloadera po pełnym załadowaniu strony window.addEventListener('load', function() { const preloader = document.getElementById('custom-preloader'); if (preloader) { preloader.style.transition = 'opacity 0.5s ease'; preloader.style.opacity = '0'; setTimeout(() => preloader.remove(), 500); } });