ASbox è una classe in ActionScript 3 scritta da Marcello Surdi che simula l’effetto Lightbox interamente in Flash senza utilizzare codice JavaScript
Il filmato Flash sarà pubblicato con dimensioni 100% eliminando dalla pagina HTML i margini e padding.
Andiamo a vedere la sintassi base da utilizzare per aggiungere nuove immagini e configurarle
btn.imgAddr = 'img1.jpg';
btn.imgLabel = 'Qui la didascalia opzionale dell\'immagine'
btn.buttonMode = true;
btn.addEventListener(MouseEvent.CLICK,activateASbox);
Per inserire una nuova immagine vi basterà duplicare il clip delle thumb e inserire il codce AS identico agli altri clip cambiando l’indice, in questo caso sono 4, il prossimo sarà 5 e cosi via.
Scarica il sorgente
Guarda il Tutorial
AS3, Blog, Design, File, Flash, Grafica, Immagini, Ispirazione, Slides, Sviluppo, Tools

18 Commenti
uccioweb
5 Maggio 2008 alle 11:47 am
Il commento più diretto e sincero che mi balza alla mente è: la Cameron Diaz è veramente un miracolo di bellezza!!
davide
5 Maggio 2008 alle 12:00 pm
ciao Julius,
sempre ottimi “REGALI”
sai che si blocca un pò? ho provato con safari e firefox da MAC e a volte diciamo spesso il fade iniziale della foto si ferma a metà … :-/
ciao
davide
5 Maggio 2008 alle 12:02 pm
lo fa se appena clicco muovo il mause .
Marcello
5 Maggio 2008 alle 14:58 pm
@uccioweb
Come non essere d’accordo con te!
@Davide
Sono d’accordo anche con te! Grazie della segnalazione. Non direi che fosse un problema frequente ma sporadicamente si presentava ed io non me n’ero accorto.
Per chi fosse curioso di saperlo il problema era l’istanza Tween istanziata dentro il metodo completeHandler(). L’oggetto aveva un’area di validità limitata alla funzione stessa e veniva eliminato anzi tempo dal garbage collection. Da cinque minuti sto massacrando di clic l’esempio e il fade non si blocca. In attesa di riscontri direi che il bug è risolto. Ho aggiornato l’esempio e il sorgente sul mio sito.
Saluti
guaiba
5 Maggio 2008 alle 21:14 pm
muito bom parabéns
uccioweb
7 Maggio 2008 alle 10:49 am
ciao
non sarebbe possibile,una volta entrati nella visualizzazione di una foto, poter scorrere le altre a partire da quel punto? in modo da avere due possibilità: 1-tornare alla “scacchiera” di visualizzazione di tutte le foto 2- poter scorrere le fotografie senza entrare e uscire dalla visualizzazione a scacchiera.
Ciao popolo di Julius!!
Marcello
8 Maggio 2008 alle 1:16 am
Sì, ovviamente è possibile.
Credo che lo farò senz’altro anzi.
Vi tengo informati.
Saluti
uccioweb
8 Maggio 2008 alle 15:55 pm
grazie mille marcello…
Gipris
14 Maggio 2008 alle 16:49 pm
Guardando il materiale fornito, mi sembra un tantino complicato riadattarlo alle proprie esigenze…
Julius ma se io ho un menu tutto dinamico scaturito da un file xml… dove metto i codici per far apparire le mie immagini “esplose”?
Julius
14 Maggio 2008 alle 20:27 pm
Ciao gipris diciamo che essendo una beta non è ottimizzato.
Quindi ti do ragione che non sia molto facile a riadattarlo a un progetto…
Dovresti leggere il codice è riadattare il tuo menu per renderlo compatibile al AS3 usato…
Shinji
16 Maggio 2008 alle 12:30 pm
Un buon lavoro, anche se credo vada implementato tantissimo, per renderlo riadattabile a tutte le esigenze, ma soprattutto secondo me, vada implementato con un caricamento delle miniature tramite xml perchè per 3/4 immagini può anche andare bene, ma se le immagini aumentano la dimensione del file si gonfia e potrebbe diventare un problema lo scaricamento troppo lento.
Ciao ciao
Shinji
Marcello
17 Maggio 2008 alle 19:13 pm
Sebbene ammetta che l’uso della classe potrebbe essere per così dire più friendly, potrei garantire che, anche adesso è già riadattabile praticamente a qualsiasi esigenza con pochissima fatica.
Chi comunque dovesse avere difficoltà può contattarmi e, compatibilmente con i miei impegni, sono disponibile ad un aiuto. Ricordo soltanto che bisogna utilizzare ActionScript 3.0 altrimenti l’integrazione non è possibile.
Quello che dice Shinji è giusto, del resto sono allo stato di bozza più che di beta :), ed è una delle tante migliorie che avevo già in mente per la seconda versione del progetto a cui, da pochissimo, ho messo mano.
Un saluto a tutti
kangaru
18 Maggio 2008 alle 14:13 pm
Ma io nn riesco ad aprire il file!mi dice”formato file disatteso”(se nn ricordo male)!
Ho flash Mx ed 8!
Julius
18 Maggio 2008 alle 16:04 pm
Questo esempio è esclusivamente per Flash CS3 in AS3
boh
11 Luglio 2008 alle 0:38 am
ma dice che la cartella compressa nn è valida quando lo decomprimo
Julius
11 Luglio 2008 alle 19:58 pm
funziona perfettamente a me
Morpheus Esamp
17 Luglio 2008 alle 10:35 am
ciao, complimenti per i tuoi lavori…
volevo solo farti una domanda, quando lo provo sostituendo sempliecemente le immagini senza aggiungere alcuna stringa e rimanendo quindi on 4 immagini va tutto a meraviglia, ma appena ne aggiungo una 5 copiando le stringe della IV e modificandole opportunamente si vede solamente un video delle immagini che schiariscono senza alcun collegamento o altro…cosa può essere?
Julius
17 Luglio 2008 alle 20:47 pm
Controlla di aver inserito il codice in maniera uguale come per le altre immagini, forse hai saltato qualche codice
Scrivi un Commento
tag abilitati: <code> </code> | <a href=""> </a> | <strong> </strong> | <i> </i>