Passa il mouse sopra gli elementi per illuminarli, clicca per visitare le pagine correlate.
-->
Passa il mouse sopra gli elementi per illuminarli, clicca per visitare le pagine correlate.
// oppure aggiungilo nelle impostazioni globali del sito. window.addEventListener('load', function() { // Inizializza il parallax (verifica che l'elemento #scene esista) var scene = document.getElementById('scene'); if (scene) { var parallaxInstance = new Parallax(scene); } else { console.error("Elemento #scene non trovato."); } // Mappa: per ogni elemento, specifica il selettore, il link interno e il titolo. var elementMappings = [ { selector: '.background', url: '/pagina-background', title: 'Vai a Background' }, { selector: '.lighthouse', url: '/pagina-faro', title: 'Vai a Faro' }, { selector: '.ship', url: '/pagina-nave', title: 'Vai a Nave' }, { selector: '.board.cloud-1', url: '/pagina-cloud-1', title: 'Vai a Nuvola 1' }, { selector: '.board.cloud-2', url: '/pagina-cloud-2', title: 'Vai a Nuvola 2' }, { selector: '.board.cloud-3', url: '/pagina-cloud-3', title: 'Vai a Nuvola 3' }, { selector: '.board.cloud-4', url: '/pagina-cloud-4', title: 'Vai a Nuvola 4' }, { selector: '.board.birds', url: '/pagina-uccelli', title: 'Vai a Uccelli' } ]; // Per ogni mapping, cerca l'elemento e aggiungi il tag se non esiste già. elementMappings.forEach(function(mapping) { var element = document.querySelector(mapping.selector); if (element) { element.classList.add('clickable'); if (!element.querySelector('a')) { var link = document.createElement('a'); link.href = mapping.url; link.title = mapping.title; element.appendChild(link); } } else { console.error("Elemento non trovato per il selettore: " + mapping.selector); } }); });