Ecco un piccolo esempio di come far intereagire Lightbox (cornici retroilluminate) con filmati Flash.
Il primo ha usare questo metodo per focalizzare l’attenzione sulle foto è stato il fotografo canadese Jeff Wall.
Qui a lato, cliccando sulla foto, potete vedere un esempio, di come flash può essere messo in relazione con questo effetto Lightbox, ovvero l’apertura di un anteprima su uno sfondo, che copra l’intero sito, concentrando tutta l’attenzione sulla foto.
Nella pagina HTML ci basterà richiamare lightbox.js e lightbox.css, che servono per l’effetto anteprima e per personalizzare i vari oggetti di preloading.
Sul nostro pulsante avremo il seguente codice:
on(release) {
getURL("javascript:flashLightbox('image.jpg');");
}
Scarica il sorgente
Guarda il Tutorial
Implementazioni aggiuntive
Scarica il sorgente
Guarda il Tutorial
Articoli simili in CSS, Flash, HTML, JavaScript, Lightbox, Tutorial
Pagine: « 1 [2] Mostra tutto
Pagine: « 1 [2] Mostra tutto
tag abilitati: <code> </code> | <a href=""> </a> | <b> </b> | <i> </i>
Iscriviti ai Feed RSS dei commenti di questo articolo

Julius
14 maggio 2008
@Fabrizio ciao controlla di aver caricato tutto correttamente come dice marchino
fabrizio
15 maggio 2008
Ciao Julius,
grazie e scusa per il disturbo, ma poi mi sono accorto che era un problema sui permessi dei files tutti settati su 700.
Un grazie anche a Marchino.
Fabrizio
fra
3 giugno 2008
Ciao!
Volendoci complicare la vita,non si potrebbe agguingere una “X”per chiudere la foto (invece di fare doppio clic sulla foto)?
Si puo’fare?
E come?:-)
Julius
4 giugno 2008
Il lightbox funziona cosi di solito, altrimenti si deve cambiare le impostazioni del file JS con un close
Trappagfx
4 luglio 2008
ciao j…scusa se rompo ma ho un problema…
ho un swf di un video che si sovrappone alla flash lightbox mentre la richiamo…cm posso fare?
grazie
boh
11 luglio 2008
Il codice ke rikiama lightbox.js e lightbox.css, da inserire nella pagina html, quale è precisamente?Grazie
Julius
11 luglio 2008
@Trappagfx controlla il codice che usi per pubblicare il video in swf
se usi i tag object e embede potresti avere dei problemi
Utilizza questo metodo
@boh entra nella pagina html di esempio che trovi nei file sorgenti e dopo i tag head trovi il codice che richiama il file
luigi
12 luglio 2008
Vorrei cortesemente sapere, quali istruzioni si devono aggiungere nel file: lightbox.js per far apparire sotto le foto ingrandite il testo “Clicca sulla foto per chiuderla”; oppure ancora meglio, per inserire una piccola immagine con il testo indicato.
Grazie
maria pia
24 settembre 2008
Complimenti questo sito è sempre utilissimo!
Premettendo che non sono molto ferrata in materia potreste dirmi quali sono i codici da inserire nella pagina HTML (E DOVE)per richiamare lightbox.js e lightbox.css?devo inserire altri codici? GRAZIE
Julius
25 settembre 2008
@luigi: ciao
devi interagire nell codice in cui vengono settati i parametri del box
puoi inserire un testo da HTML
@maria pia: ciao
se scarichi l’esempio e leggi il codice della pagina noterai che il CSS e JS viene richiamato tra i TAG “head”
Massimiliano
7 ottobre 2008
Ciao julius,
complimenti per il sito…
sto usando lightwindow 2.0 per far aprire da un flash la finestra modale con all’interno un form.
Due cose ho difficoltà:
1. Devo controllare i campi del modulo prima di farlo inviare…ma sembra che non mi prenda lo script java (sembra funzionare solo se il file del modulo si trova su un altro server di quello da cui lo richiamo)
2. Una volta inviato il modulo non riesco a recuperara (ne tramite $_GET ne tramite $_POST) i dati compilati dall’utente.
Confido in voi…
Grazie 1000
Max
Tes
22 ottobre 2008
Non riesco arisolvere questo problema. se inserisco il bottone in una immagine fissa, funziona tutto perfettamente, se inserisco il bottore in clip che scorre, la finestra si apre ma non carica le immagini, si vede solo il grigio semi trasparente. HELP!
Tes
22 ottobre 2008
Altro problema… con IE non mi carica il file flash!
HELP
m_k_i
22 ottobre 2008
Dino ha scritto:
Scusate, ma a me non funziona, mi dite cosa sbaglio?Il comando nell’on release è questo :
getURL(“javascript: myLightWindow.activateWindow({href: ‘pagina.html’, title: ‘titolo’, author: ”, caption: ”});”);
Grazie
Tes
22 ottobre 2008
Tes ha scritto:
risolto, era un mio errore.
m_k_i
22 ottobre 2008
@Tes:
A me invece con IE non funziona. Comincia a caricare la finestra e la fa sparire in alto a sinistra
simon
5 dicembre 2008
ho seguito il tutorial di alan curtis per flash e lightbox,
premetto che non sono un esperto nè di as nè javascript, cmq mi funziona tutto perfettamente su ie7 firefox e safari per windows, ora il problema è che su firefox e safari per mac non funziona!?
qualcuno può aiutarmi!?
grazie
Geko
6 dicembre 2008
@simon: ciao ma il tutorial del sommo Julius ti funziona su Safari? a me si
simon
6 dicembre 2008
..ma ho seguito quello di alan curtis perche ha l’aggiunta per lo scorrimento delle anteprime.. cmq su safari per windows è tutto ok, su safari per mac qualche foto non la apre.. mentre con firefox per mac niente di niente!?
è ovvio che il problema non è il browser ma il mac..
puo esserci una soluzione?
non so nessuno ha riscontrato problemi usando il tutorial di alan curtis con firefox o safari su mac?
please help!
simon
9 dicembre 2008
Nessuno può aiutarmi????
Tes
12 dicembre 2008
@simon:
puoi postare l’indirizzo?
Fres
14 gennaio 2009
ciao a tutti e complimenti per il lightbox
davvero bello julius!
ho un piccolo problema
ho un form per l’invio di email nella pagina flash
che però non permette la scrittura del carattere
@ se attivo wmode = trasparent
qualcuno ha qualche consiglio???
marco
21 gennaio 2009
ciao a tutti.
mi sto innervosendo davanti ad un problema…
richiamo il lightobx da un swf che si trova dentro un iframe.
ovviamente il lightbox quindi si apre dentro l’iframe.
come faccio a farlo comparire su tutta la pagina principale?
penso che tocca modificare il java…ma come?
marco
21 gennaio 2009
ciao a tutti.
mi sto innervosendo davanti ad un problema…
richiamo il lightobx da un swf che si trova dentro un iframe.
ovviamente il lightbox quindi si apre dentro l’iframe.
come faccio a farlo comparire su tutta la pagina principale?
penso che tocca modificare il java…ma come?
marco
23 gennaio 2009
sempre io…allora diciamo che mi sono arreso, e ho abbandonato l’iframe.
ora sorge un altro problema.
spero che qualcuno risponda.
1) se uso l’esempio con scorrimento anteprime mi carica soltanto la prima immagine.
potete vedere un esempio su http://www.marcomilanese.com/easy_2/foto_2.html
2) se invece volessi usare l’esempio senza lo scorrimento anteprime(che cmq potrebbe andare bene per mie esigenze) non saprei come dichiarare le più immagini nella pagina html.
Consigli?
Marcello
29 gennaio 2009
Ragazzi scusate se faccio una domanda forse stupida visto che in rete non ho trovato la soluzione..
Qualcuno di voi ha avuto problemi con il wmode e la @ di un form?
Mi spiego meglio:
per firefox la lightbox funge se ha il parametro wmod transparent; ma se nello stessa pagina html c’è il richiamo ad un swf che include un modulo di testo di input la @ viene disabilitata, o meglio la si ottiene con shift+”.
Potete aiutarmi?
Garzie
Dib
9 aprile 2009
Ciao Julius sono un programmtore, ho un piccolo problema, sto realizando un sito in flash, che pero pubblico usando flash 8, in modo tale che si adatti a tutte le risoluzioni (scalando e mettendo le percentuali delle dimensioni al 100%) senza usare swfobj di javascript. Ora usando la libreria del lightbox non mi risulta niente anzi mi sembra come se l’imagine venisse pubblicata sotto il filmato aprilo con IE e capirai forse con ff sembra non avevre alcun effetto…
http://illuzzidaniele.netsons.org/plum/
Raul
25 giugno 2009
Ciao Julius,
Ho utilizzato anche io le istruzioni per inserire su un filmato flash un po più complesso.
L’unica cosa è che mi carica l’immagine dietro a tutto l’swf.
Ci sono dei parametri nell’html da specificare per questo ?
Ti prego fammi sapere presto grazie.
Alessandro Canessa
2 aprile 2010
Ciao Julius!
piccola domanda, se faccio tutto il sito in fullscreen, il js non mi fa visualizzare l’immagine, ammenoché non torno alla modalità normale.
Sai percaso come risolvere questo problema ?
Grazie
Cl@udio
18 aprile 2010
Ciao Julius,
)
come posso creare 3 pulsanti un un’unico frame e richiamare 3 lightbox da tre cartelle diverse utilizzando as2?
sto giocando con il codice creato da alan curtis ‘Flash LightBox v2′, ho creato la prima gallery (e questo non è stato difficile
trovo problemi a creare seconda e terza.
Cl@udio
19 aprile 2010
fatto..
ho aggiunto 2 nuovi Array cambiando i nomi..
luca
20 aprile 2010
Ciao Julius,
complimenti per il sito! Veramente utile.
Vengo al dunque…. sto smanettando con un sito in flash con as3 e ho notato questo tutorial. Il sito è composto dalla home e da 3 pagine esterne che vengono caricate dinamicamente. Se io vado a montare il codice sulla pagina della gallery e vado poi a pubblicare, mi restituisce questi errori:
1046: Tipo non trovato o non è una costante della fase di compilazione: Closelabel.
1180: Chiamata al metodo non definito Closelabel.
1180: Chiamata al metodo non definito Prevlabel.
1180: Chiamata al metodo non definito Nextlabel.
Il sito (swf) non da problemi, ma non parte il lightbox. Da cosa può dipendere?
Grazie mille
luca
Julius
20 aprile 2010
@luca: non riesce a richiamare dei metodi, sei sicuro di aver caricato eventuali classi .as?
Alessandro Canessa
20 aprile 2010
@Julius il javascript non funziona nel caso il sito vada in fullscreen. Sapresti come risolvere il problema ?
grazie in anticipo
debora
29 giugno 2010
@ Cl@udio:
sono giorni che vago per la rete alla ricerca di qualcuno che abbia avuto il mio stesso problema e che sia riuscito a risolverlo…
Sto usando anch’io il lightbox v2 di alan curtis e funziona perfettamente richiamato dal mio file di flash, l’unica cosa è che dovendo far aprire diverse immagini contenute in cartelle distinte ho bisogno che me le tenga distinte appunto! Ora invece accade che pur selezionando una sezione specifica mi vengono visualizzate tutte le immagini di fila contenute nelle sottocartelle della cartella generale “img”.
Cl@udio o (qualche anima pia), potresti spiegarmi meglio come hai aggiunto i due nuovi Array? Devo cambiare qualcosa anche nelle azioni che richiamano le immagini da flash?
non sono proprio un asso con gli script
Cl@udio
1 luglio 2010
@ debora:
mandami la tua mail che ti giro il file aggiornato