Afișăm fereastra modală (pop-up) de pe site, după un timp și o singură dată

Salutări tuturor vizitatorilor pe blogul meu. Odată am întâmpinat sarcina de a face o fereastră modal (popup) cu un formular de abonament pe site. Fereastra ar fi trebuit să apară după 40 de secunde. De la începutul primei descărcări a site-ului și ar fi trebuit să pară o dată. Am luat - am făcut-o. Acum m-am gândit, poate că altcineva va veni la îndemână.







În primul rând, trebuie să conectăm biblioteca jQuery, dacă nu o aveți. De asemenea, conectăm pluginul Magnific Popup. Apoi, vom conecta și pluginul jQuery pentru a lucra cu cookie-ul. Mai jos este codul pentru inițializarea plug-in-ului ferestrei modale. Cum să conectați corect stilurile și scenariile pe care le-am scris deja, de asemenea, vă sfătuiesc să vă uitați.







Mai întâi, conectați stilurile pentru Popup Magnific.

Și apoi există scripturi.

Codul de apelare a ferestrei va fi după cum urmează.

Citiți și: Animație CSS pe site prin biblioteca Animate.css

Acum, să ne uităm la codul HTML al ferestrei.

Observați cursurile animate cu leagăn. Ele sunt programate pentru animarea ferestrei folosind biblioteca animate.css. Puteți folosi orice animație.

În principiu, asta e tot. În loc de text, puteți afișa orice informație - banner, formă de comunicare etc.

Descărcați link-uri pentru biblioteci

Magnific Popup poate fi descărcat pe site-ul oficial al plugin-ului.

Pluginul jQuery Cookie poate fi descărcat din cloud sau găsit pe Internet. Problemele, cred, nu vor fi aici.

Zaur Magomedov

La mine puteți:

Ordonare comandă Comandați un site pe bază de cheie







Articole similare

Trimiteți-le prietenilor: