ASBox

Circa un anno e mezzo fa Lightbox già era conosciutissimo e vantava circa quaranta cloni o imitazioni che in alcuni casi ne estendevano le funzionalità. Esistevano inoltre ed esistono tuttora dei buoni tutorial per avvalersi di Lightbox comunicando con esso da un sito interamente in Flash. Mancava però una soluzione nativa e integrata nell’ambiente di sviluppo del nostro amato programma, un progetto di libero uso che replicasse Lightbox però in ActionScript. Da questa idea è nata la classe ASBox (ActionScript box), scritta in AS3. Il primo articolo di questo blog ed il primo progetto che ho deciso di condividere sul web.

Nel corso del tempo ho apportato delle migliorie che riassumo qui di seguito:

ASBox 1.0

 Data: 14 Aprile 2008
Un primo esperimento molto semplice. La grafica si ispira a quella del Lightbox originale ma con varie ed evidenti diversità. Non consente di visualizzare un set di immagini, non supporta la navigazione da tastiera e non ha la caratteristica animazione del box bianco al caricamento dell’immagine da ingrandire. Consente la visualizzazione di swf ma con qualche limitazione. Lo script è utilizzabile unicamente in AS3 e pertanto con Flash CS3+.

ASBox 2.0

 Data: 22 Ottobre 2008
Un esempio che ricalca molto fedelmente il Lightbox originale, riproponendone tutte le funzionalità e curandone nei dettagli la grafica semplice ma essenziale. La visualizzazione di swf presenta le medesime limitazioni. In quell’occasione ho predisposto anche una versione in inglese dell’articolo originale in italiano. Le migliorie riguardano:

  1. l’animazione del box bianco al caricamento dell’immagine esterna;
  2. la possibilità di visualizzare indifferentemente una singola immagine o un insieme di immagini;
  3. il supporto per la navigazione da tastiera;
  4. una migliore gestione del testo della didascalia;
  5. la possibilità di localizzare il testo dello script direttamente dal file Configuration.as

Per questa versione, che ha avuto un discreto successo, ho provveduto a segnalare sul mio sito i due casi di cui sono a conoscenza di integrazione e fusione con altri script:

  1. ASBox2 con XML;
  2. Coverflow Gallery con ASBOX2 e Papervision3D.

Anche in questo caso lo script è utilizzabile unicamente in AS3 e pertanto con Flash CS3+.

ASBox 1.1

 Data: 22 Settembre 2009
In questo aggiornamento vengono introdotte sia le feature derivate dalla 2.0 sia quelle che confluiranno nella 2.1. L’unica limitazione, volutamente mantenuta, è che non è possibile visualizzare un insieme di immagini: non è detto che a tutti occorra visualizzare più di un elemento ed in questo caso si risparmiano circa 5KB rispetto alla 2.1, non molto ma pur sempre qualcosa! Le migliorie rispetto alla 1.0 derivate dalla 2.0 riguardano:

  1. l’animazione del box bianco al caricamento dell’immagine esterna;
  2. il supporto per la navigazione da tastiera;
  3. una migliore gestione del testo della didascalia;
  4. la possibilità di localizzare il testo dello script direttamente dal file Configuration.as

Quelle che invece costituiranno una novità anche per la 2.1 sono:

  1. l’uso del metodo Loader.unloadAndStop() per permettere la gestione degli SWF contenenti video;
  2. l’adattabilità del box alla risoluzione della finestra del browser;
  3. la migliorata gestione del testo della didascalia che ora consente l’uso e formatta automaticamente il tag <a>.

Il metodo Loader.unloadAndStop() limita purtroppo l’uso dello script ai possessori di Flash CS4+.

ASBox 2.1

 Data: 24 Settembre 2009
Si tratta della 1.1 con in più la possibilità di visualizzare un insieme di immagini. Anche in questo caso il metodo Loader.unloadAndStop() limita purtroppo l’uso dello script ai possessori di Flash CS4+.

2 risposte a “ASBox”

  1. Carlos ALfonso Iraola Rivera ha scritto:

    Caro Marcelo, sono un progettista del Perù, io amo la vostra lezione privata e progetto Albox 2.1, esso vorrei essere conosciuto se potesse usarlo in un fotoricettore che sto facendo: che cosa devo fare?
    Grazie

    Perdoni il mio italiano, io non se lo sono esercitato durante 20 anni

  2. Marcello Surdi ha scritto:

    Ciao Carlos,
    puoi scrivermi anche in inglese se preferisci.
    Complimenti sei stato il mio primo fan su Facebook! :)
    Per usare ASBox 2.1 in una gallery fotografica puoi seguire gli stessi passi indicati per ASBox 1.1 ed integrare con quanto scritto qui a proposito di ASBox 2.0. Mi rendo conto che non è il massimo della chiarezza, specie per chi non ha molta dimestichezza con Flash.
    Per questo motivo sto creando un video per agevolare al massimo l’integrazione di ASBox nei progetti propri. Vi chiedo solo 2-3 giorni ancora di pazienza
    A presto!

Lascia un commento

Lascia un commento se desideri esprimere un apprezzamento, chiedere chiarimenti, segnalare imprecisioni o malfunzionamenti, proporre una tua idea. I campi contrassegnati da asterisco ( * ) sono obbligatori. L'e-mail non verrà resa pubblica.

*