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

Author

Strategy Director @AQuest ~ Docente Master @NinjAcademy

16 Commenti

  1. 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

  2. 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…

  3. 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

  4. @boh prima abilita gli script locali e poi apri la pagina simulando un server remoto con easyPhp, dovebbe funzionare..

  5. 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!

  6. Ciao!Per rendere lo sfondo + trasparente (quando si aprono le foto intendo) cosa devo modificare?Grazie

  7. C’è qualcuno in casa? Oppure voelvo sapere come fare lo sfondo diverso invece di quel grigio?!

  8. 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

  9. becreative

    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

  10. roberta

    ….perchè nel demo se clicco sulle img si ingrandiscono mentre se scarico il sorgente non succede nulla?

    grazie

  11. 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

  12. Quando chiudo la foto ingrandita cliccando sulla X “CLOSE” ritorno alla mia pagina html … ma sparisce il file flash !!!
    Come mai ?
    Grazie

Commenti