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
-
- Mesaje: 60
Setare timp de incarcare a site-ului
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>
Subiecte similare
-
Valoarea id-ului din HTML atribuită unei variabile php
PHP - MySQL - XML
Primul mesaj
Încerc să extrag valorile id= min5 , id= max5 si să le pun în $_GET $_GET fara trimitere în altă paginăUltimul mesaj
cum aș putea proceda?
<div class=...
Nu prea inteleg ce vrei sa faci.
Codul php se executa pe server inainte de a fi pagina cu codul html si javascript.
In php, valorile pentru... -
Setare valori din array in select tag
JavaScript - jQuery - Ajax
Primul mesaj
Salut am un array cu orele de functionareUltimul mesaj
$data = array (
'0400' => '04:00 AM',
'0430' => '04:30 AM',
'0500' => '05:00 AM',
'0530'...
Testeaza urmatorul cod.
Daca ceva mai trebuie schimbat, incearca si tu sa modifici dupa cum stii, in functie de ce vrei sa obtii.
Open:... -
Eroare la incarcare json
JavaScript - jQuery - Ajax
Primul mesaj
Bună MariusUltimul mesaj
Cum rezolv să imi încarce tot fișierul .json
eoroare la
//fetch(endpoint)
//.then(blob => blob.json())
//.then(data =>...
Fisierul json de la acea adresa are peste 50 MB, e cam mare pentru preluare si procesare direct in pagina (client side) cu javascript.
A) Indicat... -
Cel mai mic interval de timp măsurat
Stiri Deosebite
Fizicienii nucleari germani au stabilit un record mondial al timpului măsurat.
<div data-mpgal= showimg:false, thumb_width:290,... -
Ajax fade mesaj si redirect dupa un timp
JavaScript - jQuery - Ajax
Primul mesaj
Am codul asta si vreau in loc de input type=button sa fie submit, dar sa imi dea fade la fel in 5 secunde de cand apare eroarea.Ultimul mesaj
Daca schimb cu...
Am rezolvat,multumesc frumos de ajutor -
Programare Site Sector 5
Discutii si Intrebari Diverse
Salut la toți.
Ce oare poate avea? Nu îmi permite să înregistrez programarea pe site.
Atașez link:...