Orei bune din timpul zilei. 🙂
Odată ce am făcut un site web pentru o companie legată de agricultură. Un capac a fost desenat sub forma unui câmp și a fost aplicată o idee, esența căreia a fost schimbarea antetului site-ului în timp. Am văzut acest truc pe unul dintre site-uri și mi-a plăcut. Am început să caut un scenariu care să facă o înlocuire a imaginilor la timp.
Soluția a fost găsită în scriptul PHP care a făcut înlocuirea. Esența scriptului este că, prin condiția pentru un anumit timp pentru un anumit bloc, se specifică clasa dorită. Asta este, dacă aveți o dimineață, atunci blocul are clasa 1, dacă ziua este clasa 2, clasa 3 seara și noaptea este clasa 4. Deci, pentru ca dvs. să reușiți, site-ul dvs. trebuie să accepte PHP.
Apropo, dacă includeți fantezie, puteți schimba nu numai imaginea, dar, de exemplu, puteți schimba întregul bloc. Ce trebuie făcut pentru a schimba imaginea?
1. Definiți blocul
Capacul dvs. ar trebui să aibă un bloc, de exemplu capul. bine, sau oricare altul. Trebuie să adăugați o clasă cu funcția ecou la ea. Totul va arăta astfel:
2. Funcția PHP
Deasupra blocului capacelor trebuie să adăugați un mic cod PHP, care va determina timpul și va crea clasa.
Mai întâi specificăm parametrul de timp - G. care înseamnă un ceas într-un format de 24 de ore, fără zerouri de la 0 la 23.
$ time = 'timp-noapte'; - numele clasei care urmează să fie atribuită blocului.
$ now_hours = 11 - setați intervalul de timp. Acesta este un șir din clasa de dimineață. Înseamnă că imaginea va fi agățată dimineața între orele 7 și 11. Apropo, schimbarea pentru tine, pentru că timpul depinde de căutarea orară și de ora 7 în scenariu, nu înseamnă că va coincide cu ora 7 am a țării tale.
3. Stiluri CSS
Atribuiți stiluri clasei noastre. Aceste stiluri sunt doar un exemplu. De asemenea, blocului i se dă un idi, la care încă stabilești lățimea înălțimii, bineînțeles că ai putea să o faci mai devreme, bine și așa mai departe.
Apoi, trebuie să creați 4 fotografii și să le numiți în mod corespunzător în stiluri. și adăugați-o în folderul cu imagini, bine sau în altul, numai dacă ați modificat anterior calea în stiluri.
Totul se face pentru a obține rezultatul. Puteți verifica și evalua.
Iti place cand site-urile folosesc acest tip de animatie cu timpul din zi?
Asta e tot, vă mulțumesc pentru atenția acordată. 🙂
Bună dragă prietenă
Aveți extensia AdBlock sau altele asemenea. Adăugați site-ul meu pe lista albă, contribuind astfel la dezvoltarea sa. Instrucțiunea cum să dezactivați AdBlock Vreau aceeași fereastră
Trimiteți-le prietenilor: