Ingresso
Ordinario Messa
Offertorio
Comunione
Finale
Avvento
Natale
Quaresima - Le Palme - Pasqua
- 13 Aprite o porte i frontali
- 31 Come ti Ama Dio
- 45 è giunta l’ora
- 48 E sono solo un uomo
- 50 Eloì
- 58 Gesù està passando por qui
- 63 Grande e degno
- 81 Innalzerò la coppa di salvezza
- 103 lode e Gloria
- 133 Pietà di me o Dio
- 133b Signore Pietà ‘Buttazzo’
- 105 L’Ultimo dono
- 121 Ogni mia parola
- 141 Rallegratevi nel Signore
- 144 Che Gioia ci hai dato
- 148 Eterna è la Sua Misericordia ‘Salmo 117’
- 148 Eterna è la Sua Misericordia ‘tutto in Do’
- 163 L’Ultima cena
- 164 Segni del tuo Amore
- 165 Servo per Amore
- 170 Symbolum
- 177 Su Ali D’Aquila
- 180 Te al centro del mio cuore
- 182 Trasformi in Gesù
- 224 L’Unico Maestro
- 230 Regina dei cieli
- Alleluia è Risorto
- Dio a tanto amato il mondo
- è tempo di grazia
- Gesù e la Samaritana
- Questo è il giorno fatto dal Signore
- Gesù gridò Mashalem
- Innalziamo lo sguardo
- Invochiamo la Tua Presenza
- Misericordia sei
- Osanna all’Altissimo
- Questo è il giorno fatto dal Signore
- Resto con Te
- RnS217 Rallegratevi nel Signore
- RnS333 Dio è Amore
- RnS361 Rimani con noi
- RnS428 Tu sei la perla Preziosa
- RnS470 il buon Samaritano
- RnS464 Talità kum
- RnS478 Tu sei degno ‘Sol’
- Tu sei Re
<!DOCTYPE html>
<html lang=”it”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Preloader Temporizzato</title>
<style>
/* Stile per il contenitore del preloader */
#preloader {
/* Copre l’intera schermata */
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #ffffff; /* Sfondo bianco */
display: flex; /* Centra l’immagine */
justify-content: center;
align-items: center;
z-index: 100; /* Assicura che sia sopra tutto il resto */
transition: opacity 0.5s ease-out; /* Effetto di transizione graduale */
}
/* Classe CSS che verrà aggiunta da JavaScript per nascondere il preloader */
.hidden {
opacity: 0;
/* Rimuove l’elemento dal flusso del documento dopo la transizione */
pointer-events: none;
}
/* Stile per l’immagine */
#preloader img {
max-width: 100%;
max-height: 100%;
}
/* Stile per il contenuto principale della pagina (sarà visibile dopo) */
.content {
display: none; /* Inizialmente nascosto */
padding: 20px;
}
</style>
</head>
<body>
<!– Contenitore del Preloader –>
<div id=”preloader”>
<!– Inserisci qui il percorso della tua immagine –>
<img src=https://animazionemessa.altervista.org/wp-content/uploads/2025/11/Locandina_lourdes.jpg alt=”Caricamento in corso…”>
</div>
<!– Contenuto Principale della Pagina –>
<div class=”content”>
<h1>Benvenuto in CHIESA</h1>
<p>Ricordati di SILENZIARE il telefono</p>
</div>
<script>
// Funzione JavaScript per nascondere il preloader
window.onload = function() {
// Imposta un timer (3000 millisecondi = 3 secondi)
setTimeout(function() {
const preloader = document.getElementById(‘preloader’);
const content = document.querySelector(‘.content’);
// Aggiunge la classe ‘hidden’ per avviare l’animazione CSS
preloader.classList.add(‘hidden’);
// Rende visibile il contenuto principale
if (content) {
content.style.display = ‘block’;
}
// Opzionale: rimuovi completamente il preloader dal DOM dopo la transizione
// per evitare che occupi spazio o interferisca con gli eventi del mouse
setTimeout(function() {
if (preloader.parentNode) {
preloader.parentNode.removeChild(preloader);
}
}, 500); // Deve corrispondere alla durata della transizione CSS (0.5s)
}, 3000); // <– Tempo totale in cui l’immagine resta visibile (3 secondi)
}
</script>
</body>
</html>