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>
Questo codice visualizzerà un div contenitore in cui verrà sviluppata la finestra a comparsa per le nostre immagini
Segnalato & implementato da Fedeweb
16 Commenti
Grazie per la segnalazione! ciao! ;D
Thanks.
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
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…
@Francesco si magari hai ragione ma quello è un esempio, potete cambiarlo come volete…
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
@boh prima abilita gli script locali e poi apri la pagina simulando un server remoto con easyPhp, dovebbe funzionare..
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!
@Saverio: utilizzi i tag object che danno al filmato flash priorità su tutti i livelli
utilizza questo metodo
Ciao!Per rendere lo sfondo + trasparente (quando si aprono le foto intendo) cosa devo modificare?Grazie
C’è qualcuno in casa? Oppure voelvo sapere come fare lo sfondo diverso invece di quel grigio?!
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
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
….perchè nel demo se clicco sulle img si ingrandiscono mentre se scarico il sorgente non succede nulla?
grazie
Ho usato questo file. Funziona molto bene.
Vorrei porre una domanda.
ottiene un’immagine più grande è in alto in uno spazio.
come faccio a rimuovere questo divario?
Mi si vuole posizionare l’immagine qui sopra.
Grazie.
bei tempi
Quando chiudo la foto ingrandita cliccando sulla X “CLOSE” ritorno alla mia pagina html … ma sparisce il file flash !!!
Come mai ?
Grazie
non funziona su firefox e chrome
chi mi aiuta?