Pagina 1 din 1
Setare timp de incarcare a site-ului
Scris: Lun Noi 16, 2020
de Marius
Am o imaine de incarcare a site-ului în format GIF, dar nu apare fiindca pagina web se încarca în 0,01 secunde.
Este posibil să setez un timp de încărcare la 2 secunde in care sa fie afisata animația?
Setare timp de incarcare a site-ului
Scris: Lun Noi 16, 2020
de MarPlo
Iata un exemplu de preloader cu jQuery, cu metoda
delay() (2 sec = 2000), adaugata la evenimentul 'load'.
Cod: Selectaţi tot
<style>
.loading {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background-color: white;
display: flex;
justify-content: center;
align-items: center;
}
</style>
<div class='loading'>
<img src='your_image.gif'>
</div>
<div>Content of the page.</div>
<script>
$(window).on('load', function() {
$('.loading').delay(2000).fadeOut(500);
});
</script>