Htmlbox: creare un effetto LightBox per codice html generico

LightBox è con buona probabilità uno degli script più ampiamente diffusi su internet. Quasi tutti i siti che propongono immagini lo usano. Anche qui su Ranfar.com siamo soliti utilizzare un effetto simile nelle nostre pagine.

Spesso capita di voler riprodurre lo stesso effetto ma su un generico codice html, piuttosto che sulle sole immagini. Per questo motivo, ho creato uno script che fa proprio al caso nostro.

Lo trovate al seguente repository Git:

https://gist.github.com/1817410

Il codice sorgente è composto da tre file: htmlbox.js, htmlbox.css e htmlbox.html. Nel primo sono presenti due funzioni javascript utilizzate per mostrare e nascondere la htmlbox, nel secondo le regole css necessarie per una corretta visualizzazione e nel terzo file vi è un semplice esempio su come avviene l’integrazione dello script nelle pagine.

Se volete scaricare l’intero repository, aprite il vostro terminale e date il comando:

git clone git://gist.github.com/1817410.git htmlbox

Se volete vedere un esempio di come funziona lo script, andate in questa pagina: www.francescoruvolo.it/informatica.html e provate a cliccare sui link delle distribuzioni Linux o dei siti che gestisco.

Sentitevi liberi di contribuire.