jQuery Popup: come crearlo e script d’esempio

Si trovano spesso dei popup eleganti e facili da usare ma spesso interferiscono con altri elementi della pagina, mentre questo plugin per jQuery non dà noia e sfrutta gli inline.
Per inserire un popup basta creare un contenitore con classe popup_block, inserire al suo interno il testo che vogliamo far visualizzare e poi richiamarlo nella pagina, con un tag a con attributo rel settato a popup1 (se per esempio l’id del contenitore ha questo nome) e classe poplight. Possiamo impostare anche la larghezza del popup.

Si trovano spesso dei popup eleganti e facili da usare, ma non di rado queste componenti finiscono per interferire con altri elementi di una pagina Web. Questo plugin per il framework JavaScript jQuery non da alcuna noia e sfrutta gli inline.

Per includere un popup è sufficiente creare un contenitore sfruttando la classe popup_block, inserire al suo interno il testo che vogliamo rendere visibile agli utenti e, infine, richiamarlo nella pagina di destinazione.

L’integrazione potrà essere effettuata tramite un tag a con attributo rel settato su popup1 (se per esempio l’id del contenitore ha questo nome) e classe poplight. Se lo si desidera è possibile anche impostare anche la larghezza del popup.

Download

I Video di HTML.it

Nokia all’Imagine Cup 2013