AI generativa in Google Search Console: come leggere il report Assistenza siti Laravel: errori, aggiornamenti e manutenzione Joomla su LiteSpeed: CSS e JavaScript in 403 con query string Migrazione da Joomla 3 a Joomla 6 con T3 e Purity III: caso reale Sito Joomla non aggiornato: quali controlli fare prima di intervenire Sito hackerato: cosa fare subito e quali errori evitare Action Scheduler di WooCommerce bloccato: diagnosticare code e operazioni fallite Admin-ajax.php consuma troppe risorse: trovare plugin e richieste responsabili Audit delle estensioni prima di migrare da Joomla 3 a Joomla 5 o 6 Cache Redis in WordPress mostra dati vecchi: diagnosi dell'object cache Come gestire SEO e hreflang in un sito multilingua Hugo Login loop in WordPress Multisite: cookie, dominio e HTTPS da controllare Plugin WordPress lento: il problema è nel database o nelle query? WP-Cron non funziona in WordPress: attività e pubblicazioni bloccate Come aggiornare WordPress da Excel senza creare duplicati AI generativa in Google Search Console: come leggere il report Assistenza siti Laravel: errori, aggiornamenti e manutenzione Joomla su LiteSpeed: CSS e JavaScript in 403 con query string Migrazione da Joomla 3 a Joomla 6 con T3 e Purity III: caso reale Sito Joomla non aggiornato: quali controlli fare prima di intervenire Sito hackerato: cosa fare subito e quali errori evitare Action Scheduler di WooCommerce bloccato: diagnosticare code e operazioni fallite Admin-ajax.php consuma troppe risorse: trovare plugin e richieste responsabili Audit delle estensioni prima di migrare da Joomla 3 a Joomla 5 o 6 Cache Redis in WordPress mostra dati vecchi: diagnosi dell'object cache Come gestire SEO e hreflang in un sito multilingua Hugo Login loop in WordPress Multisite: cookie, dominio e HTTPS da controllare Plugin WordPress lento: il problema è nel database o nelle query? WP-Cron non funziona in WordPress: attività e pubblicazioni bloccate Come aggiornare WordPress da Excel senza creare duplicati

Popup, lightbox e finestra modale con jquery

Ti auguro buona lettura e mi raccomando, se dopo aver letto questo articolo hai bisogno di aiuto non esitare a contattarmi.

Autore: Graziano De Maio | Titolare di Gdmtech

Web developing
23 gennaio 2024

Indice dei contenuti

I Popup con Jquery si sono diffusi molto non solo per le gallerie di immagini ma anche per visualizzare:

Finestre con contenuti pubblicitari
Form per la raccolta di Email e iscrizioni a Newsletter
Form di contatto
Box informativi

La forza di queste finestre modali o Popup è quella di non far abbandonare la pagina al navigatore e proporgli un contenuto fuori dal contesto della pagina in modo accattivante, lo sfondo viene oscurato dando risalto al nostro box. Il Popup può essere chiuso cliccando al di fuori della finestra oppure cliccando su un apposito pulsante chiudi.

Sul mio sito ho creato una finestra PopUp con le seguenti caratteristiche:

Apertura ritardata dopo 3 secondi dal momento in cui il navigatore ha caricato una pagina con la funzione setTime
Apertura soltanto la prima volta che si visita il sito, se il navigatore sfoglia altre pagine non rivedrà più il popup, questo viene fatto attraverso l’uso delle sessioni e dei Cookie
Caratteristiche del Popup JQuery definite da un CSS esterno
Possibilità di inserire nella finestra qualsiasi contenuto, immagine o video.

Vuoi implementare una finestra modale e non sai come fare?

Ti auguro buona lettura e mi raccomando, se dopo aver letto questo articolo hai bisogno di aiuto non esitare a contattarmi.

Autore: Graziano De Maio | Titolare di Gdmtech