Oggi vedremo come usare l’effetto Lightbox (cornici retroilluminate) con Adobe Flash in ActionScript 3
Avremo la possibilità di usare l’effetto Lightbox navigando tra tutte le immagini presenti nel nostro filmato flash.
L’interazione tra l’effeto Lightbox e Adobe Flash non è un argomento nuovo su questo blog, infatti troverete molti articoli interessanti a riguardo
Andiamo a vedere insieme il codice in ActionScript 3
Questa parte di codice in AS3 serve per associare l’immagine al file .js per l’effetto Lightbox
//associo evento alla prima miniatura
pic1.addEventListener(MouseEvent.CLICK, foto1);
//definisco la funzione foto1
function foto1(e:MouseEvent) {
var js:URLRequest=new URLRequest();
js.url=”javascript:show(0, ‘”+allpics+”‘);”;
navigateToURL(js,’_self’);}
Nella pagina web dovrete come sempre richiamare i file JavaScript necessari al caricamento dell’effetto Lightbox
Ultima cosa ma non meno importante è quella di ricordarsi di inserire nella nostra pagina
<div id="anchors"></div>
Questa dicitura creerà un div contenitore in cui verrà sviluppata la finestra a comparsa per le nostre immagini
Scarica il sorgente
Guarda il Tutorial
Segnalato & implementato da Fedeweb
AS3, Design, File, Flash, Free, Grafica, Immagini, Sviluppo, Tutorial

tag abilitati: <code> </code> | <a href=""> </a> | <b> </b> | <i> </i>
Fedeweb
24 Giugno 2008 alle 9:44 am
Grazie per la segnalazione! ciao! ;D
Bedman
24 Giugno 2008 alle 10:18 am
Thanks.
beers
25 Giugno 2008 alle 1:49 am
Scusa se mi permetto, ma da poco uso anche linux e noto che con Firefox 3 non funziona! In pratica le foto ingrandite rimangono sotto quelle in miniatura! Poi non so di “chi” sia la colpa…
Ciao ciao
Francesco
28 Giugno 2008 alle 10:54 am
Molto bello davvero, però a mio avviso l’effetto dovrebbe essere contrario, nel senso che le miniature dovrebbero essere scure, e quando si passa il mouse dovrebbero “retroilluminarsi”.
Poi non so…
Julius
28 Giugno 2008 alle 12:48 pm
@Francesco si magari hai ragione ma quello è un esempio, potete cambiarlo come volete…
boh
22 Luglio 2008 alle 15:49 pm
Scusa,
Perchè quando vedo il file da qui è tutto ok, invece qndo salvo tutti i file sul mio pc ed apro la pagina una volta cliccato sulle foto x ingrandire mi dice che adobe flash player ha interrotto un azione potenzialmente pericolosa? E quindi nn mi fa andare avanti!
Grazie
Giulio
18 Settembre 2008 alle 10:17 am
@boh prima abilita gli script locali e poi apri la pagina simulando un server remoto con easyPhp, dovebbe funzionare..
Saverio
19 Novembre 2008 alle 12:29 pm
ciao!intanto complimentissimi per il tuo spazio!sono un visitatore affiatato!
mi chiedovo se potevi aiutarmi (o tutti voi) a risolvere questo problemino:
provate a cliccare su “Launch google.com in a 640×480 window” (un esempio al volo)
http://www.4elle.it/sapere/
come mai i file swf della pagina si trovano in primo piano?
ho provato di tutto lightbox ed amici!!
grazie!
Julius
19 Novembre 2008 alle 21:29 pm
@Saverio: utilizzi i tag object che danno al filmato flash priorità su tutti i livelli
utilizza questo metodo