Pubblicato da: fedeweb | maggio 16, 2008

Flash e lightview

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

lightview

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: ‘https://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 gli attributi:

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

Guarda la demo

Scarica il sorgente

Scarica il sorgente AS3

Annunci

Responses

  1. […] L’installazione dello script lightview e tutto il resto, sono spiegati nell’articolo flash e lighview. […]

  2. 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!!!!!!!)

  3. Ciao, prova a vedere qui!

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

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

  6. Ciao, ho scritto un articolo in merito al tuo problema…non so se lo hai già letto..spero ti sia d’aiuto

  7. FEDE MITICO BLOG… NON RIESCO A SCARICARE IL FILE SORGENTE AIUTAMI TI PREGO

  8. Grazie per i complimenti!

    Per quanto riguarda il sorgente, premi all’interno della finestra snap, dove c’è scritto “Click for .zip file”.

    Ciao!

  9. fedeweb non ho riuscito a cambiare questo scritto per lightview in as3

    on (release) {
    getURL(”javascript:Lightview.show({ href: ‘https://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’);

    }

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

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

  12. mmmmmm…dimmi esattamente come è fatto il file .fla…comunque entro breve aggiornerò tutti i sorgenti anche per AS3.

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

  14. come aperto un as2? devi creare un nuovo file AS3….

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

  16. Ah si, se copi e incolli il codice devi sistemare gli apici e le virgolette…

  17. 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…..!

  18. Ciao, no nell’html non ho cambiato nulla..metterò a breve i sorgenti per flash cs3..ciao!

  19. grazie molto per il tuo aiuto e esempi……..

  20. Figurati, è un piacere! ciao! 😉

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

  22. 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?

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

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

  25. Ma quindi il problema è la galleria “Wall 3d” e non lightview..senza utilizzare lightview funziona la galleria in Internet Explorer?

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

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


Rispondi

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione / Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

Connessione a %s...

Categorie

%d blogger hanno fatto clic su Mi Piace per questo: