Bloccare aggiornamenti automatici Wordpress di Siteground Assistenza sistemistica per hosting, cPanel, DirectAdmin, email, database e migrazioni siti Assistenza per trasferimento sito e database su nuovo hosting Site Health, loopback e REST API: segnali che anticipano problemi seri in WordPress Velocizzare WooCommerce con HPOS: migrazione, incompatibilità e dati disallineati Yootheme Pro, Virtuemart e VMuikit: integrazione tramite campi dinamici per ecommerce joomla Come usare GeneratePress con Gutenberg senza Elementor Web designer esperto in YOOtheme per Joomla e WordPress Generatepress e Generate Blocks: guida completa per lavorare su articoli, sidebar e contenitori senza impazzire Guida come usare WordPress in locale con Localhost su Windows Da Joomla 5 a Joomla 6: cosa cambia e come fare il passaggio Cosa fa un Web Developer? 5 esempi pratici Guida completa alla migrazione da Joomla 3 a Joomla 5 e Joomla 6 Assistenza WordPress con GeneratePress: sviluppo e supporto professionale Interfaccia AI per un tour turistico con knowledge base interna Bloccare aggiornamenti automatici Wordpress di Siteground Assistenza sistemistica per hosting, cPanel, DirectAdmin, email, database e migrazioni siti Assistenza per trasferimento sito e database su nuovo hosting Site Health, loopback e REST API: segnali che anticipano problemi seri in WordPress Velocizzare WooCommerce con HPOS: migrazione, incompatibilità e dati disallineati Yootheme Pro, Virtuemart e VMuikit: integrazione tramite campi dinamici per ecommerce joomla Come usare GeneratePress con Gutenberg senza Elementor Web designer esperto in YOOtheme per Joomla e WordPress Generatepress e Generate Blocks: guida completa per lavorare su articoli, sidebar e contenitori senza impazzire Guida come usare WordPress in locale con Localhost su Windows Da Joomla 5 a Joomla 6: cosa cambia e come fare il passaggio Cosa fa un Web Developer? 5 esempi pratici Guida completa alla migrazione da Joomla 3 a Joomla 5 e Joomla 6 Assistenza WordPress con GeneratePress: sviluppo e supporto professionale Interfaccia AI per un tour turistico con knowledge base interna

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