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
Prezzo: EUR 7,90
Promozione: EUR 6,72
Prezzo: EUR 49,90
Promozione: EUR 42,42
Prezzo: EUR 12,90
Promozione: EUR 10,96
Prezzo: EUR 40,00 |
Promozione: EUR 38,00
Articoli simili AS3DesignFileFlashFreeGraficaImmaginiLightboxSviluppoTutorial
Oggi vediamo alcuni indispensabili consigli SEO per migliorare la visibilità dei siti web o ancora meglio degli  articoli, con lo scopo di migliorare la predisposizione all’indicizzazione dei nostri progetti web sui motori di ricerca. Ormai anche il Web Designer, soprattutto se è ha intrapreso la carriera da Freelance, deve assolutamente conosce alcune nozioni base della SEO. [...]
Come ogni giorno, mi ritrovo a girovagare per il web: news dal mondo, articoli di nuovi o aggiornamenti social, altro vip che si cancella da Twitter… solita routine, quando ad un tratto vengo attratto dalla notizia di un nuovo Social Network super esclusivo. Già avevo sentito parlare di Path, ma non so per quale strano [...]
Sono sempre troppo poche le campagne creative che puntano a sensibilizzare sulla causa animalista, contro le violenze e i test sugli animali, eppure quelle che hanno colpito di più l’immaginazione sono scolpite nelle coscienze di ognuno come segni indelebili. Tra tutte, una delle più meritevole degli ultimi anni è quella dell’azienda inglese LUSH, che ha [...]
Christophe Huet è un fotografo specializzato nel fotoritocco digitale, che divide facilmente le opinioni del pubblico, in quanto sappiamo benissimo che esistono due distinte correnti di pensiero. I primi, puristi della foto per i quali la manipolazione è da pena di morte, e i secondi, gli artisti del fotoritocco come Christophe che del fotoritocco hanno [...]

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
roberta
9 agosto 2011
….perchè nel demo se clicco sulle img si ingrandiscono mentre se scarico il sorgente non succede nulla?
grazie
Ferhat
25 settembre 2011
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
Andrea
7 ottobre 2011
Quando chiudo la foto ingrandita cliccando sulla X “CLOSE” ritorno alla mia pagina html … ma sparisce il file flash !!!
Come mai ?
Grazie
sebastiano
15 febbraio 2012
non funziona su firefox e chrome
chi mi aiuta?