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
Articoli simili in AS3, Design, File, Flash, Free, Grafica, Immagini, Lightbox, Sviluppo, Tutorial
tag abilitati: <code> </code> | <a href=""> </a> | <b> </b> | <i> </i>
Iscriviti ai Feed RSS dei commenti di questo articolo

Fedeweb
24 giugno 2008
Grazie per la segnalazione! ciao! ;D
Bedman
24 giugno 2008
Thanks.
beers
25 giugno 2008
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
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
@Francesco si magari hai ragione ma quello è un esempio, potete cambiarlo come volete…
boh
22 luglio 2008
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
@boh prima abilita gli script locali e poi apri la pagina simulando un server remoto con easyPhp, dovebbe funzionare..
Saverio
19 novembre 2008
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
@Saverio: utilizzi i tag object che danno al filmato flash priorità su tutti i livelli
utilizza questo metodo
Fr
13 maggio 2009
Ciao!Per rendere lo sfondo + trasparente (quando si aprono le foto intendo) cosa devo modificare?Grazie
Fr
27 maggio 2009
C’è qualcuno in casa? Oppure voelvo sapere come fare lo sfondo diverso invece di quel grigio?!
alle
23 luglio 2009
Ciao julius,
intanto complimenti per il blog …ben rifornito!!!
volevo chiederti una cosa.. hai mai provato a legare il FLASH alla Milk box?
io ho provato a seguire
http://reghellin.com/milkbox/
che sarebbe comodo per l ‘ xml
ma a me non funziona…
o meglio no ci salto fuori io evidentemente..
se un giorno avrai voglia e vorrai provare….
anche perchè implementa un sacco di funzionalità in più la Milk!!
ciao
becreative
31 agosto 2009
Ciao julius sto usando il tuo lightbox in as3 ma un problemino quando lo apro con firefox
mi mette il lightbox in secondo piano sotto tutto il resto dell’SWF impiantando tutto il sito…mentre con IE va benone appare normalmente cosa ho sbagliato…
Grazie ciao