Pochi giorni fa ho pubblicato l’articolo su flash e thickbox e devo dire che ha avuto un gran successo (merito soprattutto della citazione di julius).
Il mio intento all’inizio era quello di scrivere un articolo su flash e lightwindow, solamente che ho riscontrato dei problemi con internet explorer (che strano….comunque ci lavorerò sopra…).
Allora ho trovato un’alternativa equivalente, cioè lightview, basato su Prototype e Scriptaculous, scaricabili a parte, ma comunque presenti nel file che ho messo a disposizione alla fine dell’articolo.
Ecco come procedere:
Nel file fla, al pulsante dovete associare il seguente codice (va esattamente scritto come nell’esempio);
on (release) {
getURL("javascript:Lightview.show({ href: 'http://fedeweb.wordpress.com', rel: 'iframe', title: 'quello_che_vuoi', options: { width: 800, height: 500 }});");
}
dove:
- in href potete mettere un collegamento a una pagina web, un’immagine, un filmato swf, ecc.;
- in rel dovete mettere ‘iframe’ se dovete caricare una pagina web, ‘flash’ se dovete caricare un swf;
- in title mettere il titolo della finestra, che comparirà in alto nel caso in cui aprirete una pagina web, oppure in basso se si tratta di un’immagine o di un filmato swf.
Nella pagina HTML che contiene il filmato flash dovrete inserire, tra i tag <head> e </head> queste righe di codice che “installano” lo script lightview:
<link rel="stylesheet" type="text/css" href="css/lightview.css" />
<script type='text/javascript' src='js/prototype.js'></script>
<script type='text/javascript' src='js/scriptaculous.js?load=effects'></script>
<script type='text/javascript' src='js/lightview.js'></script>
Infine, nel tag object dovrete inserire:
<param name=”allowScriptAccess” value=”sameDomain” />
E nel tag embed, aggiungere l’attributo:
<allowScriptAccess=”sameDomain”/>
Un’osservazione: nel vostro foglio di stile, in corrispondenza di body, mettete height:100%, altrimenti in firefox, lo schermo diventerà scuro fino alla fine della vostra pagina.
Nel prossimo articolo spiegherò come creare una galleria di immagini con la possibilità di attivare lo slideshow, sempre con lo script lighview.
20 giugno 2008 at 09:03
senti, io sto cercando un modo per usare light box con Actionscript 3………fina adesso ho solomente trovato un versione per as2………..
grazie, (e scusa per il mio italiano!!!!!!!)
20 giugno 2008 at 10:33
Ciao, prova a vedere qui!
20 giugno 2008 at 14:02
Ho provato a modificare il sorgente di JuliusDesign per Actionscript3 e così funziona:
prova.addEventListener(MouseEvent.CLICK, clickHandler);
function clickHandler(e:MouseEvent) {
var js:URLRequest=new URLRequest();
js.url=”javascript:flashLightbox(‘image.jpg’);”;
navigateToURL(js,’_self’);}
Metti questo codice nel primo frame della linea temporale.
prova è il nome dell’istanza dell’immagine.
Prova e dimmi se funziona! Ciao!
21 giugno 2008 at 17:46
grazie per il tuo aiuto … ho provato a modifica la sorgente di Julius ma non funzione….ho anche rifatto la cosa e ancora niente…..adesso sto a prova il altro link,,,ma fine adesso niente……
23 giugno 2008 at 14:50
Ciao, ho scritto un articolo in merito al tuo problema…non so se lo hai già letto..spero ti sia d’aiuto
25 giugno 2008 at 17:53
FEDE MITICO BLOG… NON RIESCO A SCARICARE IL FILE SORGENTE AIUTAMI TI PREGO
25 giugno 2008 at 18:18
Grazie per i complimenti!
Per quanto riguarda il sorgente, premi all’interno della finestra snap, dove c’è scritto “Click for .zip file”.
Ciao!
8 luglio 2008 at 18:49
fedeweb non ho riuscito a cambiare questo scritto per lightview in as3
on (release) {
getURL(”javascript:Lightview.show({ href: ‘http://fedeweb.wordpress.com’, rel: ‘iframe’, title: ‘quello_che_vuoi’, options: { width: 800, height: 500 }});”);
}
ho provato cosi con lo stesso htlm tuo del tuo esempio ma senza fortuna…….
function button_MOUSEDOWN(e:MouseEvent):void
{
var js:URLRequest=new URLRequest();
js.url=”javascript:Lightview.show(‘images/foto1.jpg’,’736′,’229′,’Title of image’);”;
navigateToURL(js,’_self’);
}
8 luglio 2008 at 19:18
Prova così…a me funziona:
pic1.addEventListener(MouseEvent.CLICK, foto1);
//definisco la funzione foto1
function foto1(e:MouseEvent) {
var js:URLRequest=new URLRequest();
js.url=”javascript:Lightview.show({ href: ‘foto1.jpg’, title: ‘foto’})”;
navigateToURL(js,’_self’);}
dove pic1 è il nome dell’istanza del pulsante
8 luglio 2008 at 20:18
con il tu modo 9 errori. tutti gli errori di sintassi
1078: Label must be a simple identifier.
1093: Syntax error.
js.url=”javascript:Lightview.show({ href: ‘foto1.jpg’, title: ‘foto’})”;
grrr…..scusa…
8 luglio 2008 at 20:35
mmmmmm…dimmi esattamente come è fatto il file .fla…comunque entro breve aggiornerò tutti i sorgenti anche per AS3.
8 luglio 2008 at 21:04
ho aperto un nuovo as2 fla, ho importato una foto, convertito la foto a un pulsante con una instanza di pic1, ho creato un altro livelo e ho scritto il codice la….ho trovato uno delgi errori di prima. ,,,,
ho messo js.url=”javascript:Lightview.show
cosi js.url=”javascript:Lightview.show
ma chi sta un altro errore sintassi……
8 luglio 2008 at 21:07
come aperto un as2? devi creare un nuovo file AS3….
8 luglio 2008 at 21:14
scusa ho sbaligato quando ho scritto il messagio…era un as3 file…io penso che chi sta una problema con il codice quando tu invia il commento….qualcosa degli sintassi cambia….
8 luglio 2008 at 21:18
Ah si, se copi e incolli il codice devi sistemare gli apici e le virgolette…
8 luglio 2008 at 22:05
ok adesso senza errori ma ancora nn funzione..ho provato anche online…ai cambiato qualcosa nel html? scusa e grazie molto per il tuo aiuto…forse e meglio che aspetto per il sorgente…..!
10 luglio 2008 at 00:32
Ciao, no nell’html non ho cambiato nulla..metterò a breve i sorgenti per flash cs3..ciao!
18 luglio 2008 at 10:57
grazie molto per il tuo aiuto e esempi……..
18 luglio 2008 at 15:31
Figurati, è un piacere! ciao!
16 febbraio 2009 at 15:53
Veramente un buon lavoro!! solo una cosa…non riesco assolutamente a farlo partire in ie…come al solito! Se mi pui aiutare te ne sarei ancora grato!
CIAO
17 febbraio 2009 at 09:51
Ciao! in che senso non riesci a farlo partire con IE? il sorgente che ho messo a disposizione funziona con ie..che problemi ti da?
19 febbraio 2009 at 12:09
sto cercando di far aprire una pagina html con dentro caricata galleria tipo wall 3d con swf 100% di dimensioni per averla a tutto schermo, con FF non ci sono problemi ma con IE…. nel tuo script ho cambiato solo: { width: 800, height: 500 }});”); a
{fullscreen: true }});”);
Non ho provato di tutto, ho provato anche versioni piu vecchie di LW ma niente.
Grazie ancora!!
19 febbraio 2009 at 12:15
Scusami, “Non ho provato di tutto” era “HO PROVATO”
IE mi si pianta e mi blocca il browser, tenta il caricamento spostandosi tutto in basso a SX e poi si blocca!
CIAO
20 febbraio 2009 at 10:05
Ma quindi il problema è la galleria “Wall 3d” e non lightview..senza utilizzare lightview funziona la galleria in Internet Explorer?
17 maggio 2009 at 19:21
Ciao non so come hanno risolto ma a me con explorer 7 non funziona si blocca la pagina , se hai trovato una soluzione puoi indicarmela . Grazie
18 maggio 2009 at 14:42
Ciao! si la soluzione è semplice: basta che aggiungi all’inizio del file html questa riga:
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Fammi sapere se funziona! a breve aggiornerò anche i sorgenti..
19 ottobre 2009 at 16:16
salve a tutti,
piccolo problema… ho provato questo tutorial lightview ma a me non funziona; veramente non mi funziona neanche la demo inserita in questa pagina.
Chi mi dice il perchè?
19 ottobre 2009 at 16:22
perdonami ma non visualizzo la riga dopo …questa riga: non compare nulla
?
19 ottobre 2009 at 20:48
Ciao Roberto. In che senso la demo non ti funziona? Con quale browser hai provato a vedere la demo?
Con il secondo messaggio cosa intendevi dire?
20 ottobre 2009 at 12:23
Ciao Fede. come browser utilezzo IE 7 tenta il caricamento spostandosi tutto in basso a SX e poi si blocca.
il 18 maggio 2009 14.42 hai scritto questo messaggio:
Ciao! si la soluzione è semplice: basta che aggiungi all’inizio del file html questa riga:
Fammi sapere se funziona! a breve aggiornerò anche i sorgenti..
Il mio problema è che non visualizzo quello che hai scritto dopo i due punti.
Grazie della collaborazione
20 ottobre 2009 at 12:35
Ciao Roberto e grazie per la segnalazione! vai a rivedere il commento del 18 maggio, che ora ho sistemato.
Comunque ho anche aggiornato la demo e i file sorgenti, quindi ora dovrebbe funzionare tutto.
20 ottobre 2009 at 12:47
Ciao Fede sono andato a vedere subito la demo ma il bianco che compare sotto le diverse immagini compare decentrato e poi non funziona il pulsante close.
scusa se ti rompo le scatole ma il tuo tutorial è fantastico e di grande utilità per tutti.
20 ottobre 2009 at 13:31
Ciao, tranquillo non rompi le scatole assolutamente
Cosa intendi per bianco sotto le immagini? Il pulsante close funziona (ho provato tutto con IE7). Prova a cancellare la cache che forse apri ancora la pagina vecchia che non funziona con IE 7.
Hai provato a scaricare i sorgenti? Funzionano ora?
20 ottobre 2009 at 13:58
ciao, niente da fare ho provato in tutti i modi anche ad inserire il tutorial nel server del mio web ma continua a non funzionarmi.
il close non si clicca e le immagini vengono visualizzate incomplete e spostate rispetto allo sfondo bianco. dovrei inviarti una jpg per farti vedere quello che visualizzo.
20 ottobre 2009 at 18:48
ma questo anche con la mia demo on line?
21 ottobre 2009 at 09:20
Si anche la tua demo non mi funziona ora ho provato anche con ie8 e mi da lo stesso problema.
se vuoi ti invio una immagine jpg per meglio comprendere come visualizzo la pagina.
21 ottobre 2009 at 09:24
Si mandami pure l’immagine. Ciao!
23 ottobre 2009 at 09:16
Ciao Fede,
grazie per la collaborazione, tutta colpa del plugin 10 con l’8 si vedeva come nella jpg.
un saluto
23 ottobre 2009 at 09:29
Ciao a quale plugin ti riferisci?
23 ottobre 2009 at 12:12
plugin di flash
21 gennaio 2010 at 20:46
Ciao Fede.
Grandissimo tutorial, grazie 1000.
Volevo chiederti una cosa, quando si apre la finestra li lightview giustamente si oscura tutto, ma il filmato flash sparisce, c’è la possibilità di farlo restare? grazie 1000
ciao
MAtteo
22 gennaio 2010 at 11:09
Ciao Matteo e benvenuto nel blog
Si il filmato sparisce. E purtroppo non si può fare diversamente. Ma alla fine non lo vedo come un grosso problema. Alla fine l’attenzione deve andare sulla finestra lightview e non sullo sfondo quindi..forse è anche meglio così!
30 novembre 2010 at 06:40
Ciao Fedeweb,
Complimenti per il blog innanzitutto, ho un problema con la lightview, ossia con ie8, praticamente mi carica la galleria ma quando clicco su di una foto non mi parte la lightvie. Da cosa puo dipendere? Sono due gg che ci sbatto la testa con gl’altri browser funziona regolarmente da con ie8 non ne vuol sapere.
saresti cosi gentile da aiutarmi.
Grazie
30 novembre 2010 at 13:28
Ciao Fabry e benvenuto nel blog
Si in effetti anch’io ora l’ho provato con IE8 e ci sono dei problemi. Provo a dargli un’occhiata e poi ti rispondo nei commenti.
30 novembre 2010 at 21:47
Ok, grazie tante per l’aiuto.
Sai sto facendo un sito in flash e vorrei aggiungere una galleria fotografica e lightview era proprio la cosa che cercavo.
In attesa di risposta…. Grazie ancora.
13 aprile 2011 at 11:30
Ciao fede,
ottima guida ma come già sai non funziona su ie8 bisogna mettere la pagina in visualizzazione compatibile.
Hai qualche novità per risolvere il prolema?
Ciao
Massimo
e ancora complimenti per lo “sbattimento” ;D
30 maggio 2011 at 00:23
Ciao, sto tentando di dare l’istanza “get url” ad un bottone affinche mi cambi pagina …il problema è che il sito è ancora tutto nel mio computer, nonn ho un indrizzo internet e quindi un nome pagina…ma solo il nome pagina alla quale voglio andare (esempio “b.html)…ma quando vado per dettare “geturl… mi chiede, inidirizzo,nome e metodo…ho provato semplicemente a secrive il nome dell pagine (b.html ad esempio) ma – anche se non mi da errore…poi comunque nella pratica non va…quando pigio il bottone mi aprea una “pagina indefinita”. .. puoi aiutarmi?
Grazie mille!!
David