Setați indicatorul de încărcare a paginii

Afaceri online »Alte lecții» Am setat indicatorul de încărcare a paginii

Probabil că ați ajuns în astfel de situații atunci când mergeți la orice site și, fără să așteptați descărcarea, lăsați-o. Într-adevăr, nu este clar dacă este gol sau dacă este încărcat pentru o lungă perioadă de timp din cauza dimensiunii mari a fișierului.







Pentru a da vizitatorului să înțeleagă ce pagina este încă în faza de pornire și nu este gol, este necesar să se stabilească site-ul indicatorului de încărcare a paginii, care va fi afișată pe pagină, atâta timp cât ea nu este complet încărcată.

Dacă site-ul dvs. durează mult timp pentru încărcare, este logic să îl instalați pe site-ul dvs. Cum să faceți acest lucru, veți învăța din această lecție.

Deci, veți avea nevoie de indicatorul propriu, al cărui rol va fi jucat de o imagine animată în format GIF și de un script care controlează ieșirea acestei imagini pe ecranul monitorului până când pagina cu conținutul său este complet încărcată.

Pe cont propriu, post postarea pe care am creat-o in Photoshop. Dacă cineva îi place mai mult decât veți găsi pe site-ul specificat, atunci vă rugăm să-l salvați pe computer și să-l utilizați!







Acum, despre scenariul în sine. Setați următorul cod pe pagină:

  • Codul dintre etichetele HEAD


  • Cod la începutul etichetei BODY
  • Codul de la sfârșitul etichetei BODY

    În stiluri, valorile proprietăților sunt ajustate la dimensiunea imaginii pe care o pun pe pagină. Dacă utilizați o imagine diferită, trebuie să o adaptați dimensiunii. Și nu uitați în eticheta img pentru a vă scrie calea către imaginea indicatorului (evidențiată în cod în roșu).

    Ca rezultat, veți obține următorul rezultat:

    Imaginea pe care am arătat-o ​​în formatul gif nu este animată, de fapt aveți indicatorul va fi în mișcare (animat), ca în imaginea de mai sus.

    Acum, vizitatorul nu va părăsi site-ul și va aștepta încărcarea completă.

    A plăcut - spuneți prietenilor:







    Articole similare

    Trimiteți-le prietenilor: