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 compra 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
CSS, Flash, HTML, JavaScript, Tutorial
305 visite
Giuliano Ambrosio è un Web Designer Freelance di Torino che ama la grafica e sperimentare tecniche di creatività sul web.
Grazie all'esperienza maturata nel campo del web design potrai scoprire i servizi disponibili, oppure guardare i suoi ultimi lavori.
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
Video Tutorial Photoshop
|
Inspirations For Designers |
|||
         |
2007 - 2009 I love WordPress | Design by JuliusDesign | Mobile | Shop | Blogroll | Licenza d'uso
Julius
14 maggio 2008 alle 20:21 pm
@Fabrizio ciao controlla di aver caricato tutto correttamente come dice marchino
fabrizio
15 maggio 2008 alle 12:33 pm
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 alle 21:50 pm
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 alle 19:25 pm
Il lightbox funziona cosi di solito, altrimenti si deve cambiare le impostazioni del file JS con un close
Trappagfx
4 luglio 2008 alle 12:27 pm
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 alle 22:08 pm
Il codice ke rikiama lightbox.js e lightbox.css, da inserire nella pagina html, quale è precisamente?Grazie
Julius
11 luglio 2008 alle 22:21 pm
@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 alle 19:05 pm
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 alle 18:14 pm
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 alle 20:20 pm
@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 alle 15:31 pm
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 alle 12:12 pm
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 alle 16:16 pm
Altro problema… con IE non mi carica il file flash!
HELP
m_k_i
22 ottobre 2008 alle 17:31 pm
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 alle 18:22 pm
Tes ha scritto:
risolto, era un mio errore.
m_k_i
22 ottobre 2008 alle 18:35 pm
@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 alle 19:09 pm
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 alle 13:59 pm
@simon: ciao ma il tutorial del sommo Julius ti funziona su Safari? a me si
simon
6 dicembre 2008 alle 16:24 pm
..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 alle 23:07 pm
Nessuno può aiutarmi????
Tes
12 dicembre 2008 alle 18:19 pm
@simon:
puoi postare l’indirizzo?
Fres
14 gennaio 2009 alle 22:30 pm
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 alle 23:39 pm
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 alle 23:40 pm
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 alle 15:12 pm
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 alle 15:22 pm
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 alle 10:50 am
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 alle 12:37 pm
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.