Nwlapcug.com


Come fare un Lightbox in Flash

Le Lightbox ti visualizzare alcuni dei tuoi lavori migliori, ampliandola e rendendo il vostro lavoro la messa a fuoco sullo schermo. Molti script per fare questo sono resi disponibili online tramite codifica JavaScript o CSS. Fare un lightbox in Flash è più utilizzato su un sito Web completamente-Flash, piuttosto che semplicemente come un file flash incorporato. Vi permetterà di ottenere il pieno effetto, un effetto simile come altri JavaScript o CSS-based lightbox codici.

Istruzioni

1

Creare file Flash. In questo caso, fare un intero sito in Flash avrebbe funzionato meglio, come la lightbox si riempirà tutto lo schermo in questo modo.

2

Aprire la libreria accedendo a \"Window\" nei menu a discesa, quindi \"Library.\" scegliere la \"New Symbol...\" pulsante in basso a sinistra della finestra della libreria per creare una nuova clip del film. Selezionare il Clip filmato, il nome \"Flashbox\" e fare clic su OK. Che avete appena creato il clip filmato che si dovrà lavorare con.

3

Aprire la cli di film e creare una piccola scatola grigia, utilizzando lo strumento di forma di rettangolo (R, O, R, O). Tua casella dovrebbe essere non più grande di 3px di 3px nel primo frame del tuo diario.

4

Creare un nuovo fotogramma chiave, struttura 5 del tuo diario selezionando 5 telaio e clic destro su di esso. Selezionare \"Create un nuovo Keyframe\" dalla finestra a discesa. Nel quinto fotogramma chiave, ora avrete una copia di una stessa scatola creata nel primo fotogramma.

5

Con la scatola nel quinto fotogramma selezionato, scegliere il \"Free Transform Tool\" dallo strumento della barra e selezionare la casella. Con questo strumento selezionato, tirare la casella grigia fino a riempire l'intero stage. Collocare la foto sul palco accedendo a \"File,\" poi \"Import\" e \"Import a Stage\" e selezionare il file. Regolare le dimensioni utilizzando il \"Free Transform Tool\" come hai fatto con la casella grigia.

6

Creare un pulsante di chiusura navigando per lo strumento forma nella barra degli strumenti. Selezionare lo strumento forma e inserire un piccolo cerchio sul palco. Tirare il cerchio nella libreria. Selezionare \"Button\" del file digitare e denominare il pulsante. Dare il tuo pulsante un nome di istanza nella finestra Proprietà (passare alla \"Window\", \"Properties\" e ancora \"Properties\"). Questo sarà il nome utilizzato per chiamarlo in ActionScript.

7

Tirare una copia del tuo filmato sul vostro palco principale e nella finestra Proprietà, dare il clip filmato un nome di istanza.

8

Il palco principale, creare un pulsante o una miniatura e trascinarlo nella tua libreria. Questo sarà il pulsante che apre il tuo lightbox, quindi utilizzare una miniatura dell'immagine nel tuo lightbox se lo si desidera. Dopo tirandolo nella libreria, selezionare \"Button\" come il tipo in \"Convert a Symbol\" finestra e denominare il pulsante nel campo sopra la selezione del tipo. Dare il tuo pulsante un nome di istanza nella finestra Proprietà.

9

Aggiungere un altro strato selezionando il \"Insert Layer\" icona nell'angolo inferiore sinistro della finestra di timeline. Fare clic sul nome del layer e digitare \"Actions\" nella casella. Questo è dove andrà il tuo ActionScript. Nel tuo nuovo fotogramma chiave, passare alla \"Window\", quindi \"Actions.\" alla \"Actions\" finestra, scrivere quanto segue, facendo attenzione a cambiare le parole in maiuscolo per i nomi di istanza e funzione:

MOVIECLIPINSTANCENAME.visible = false
VAI

Function FUNCTIONNAME(event:MouseEvent):void () {
MOVIECLIPINSTANCENAME.visible = true
VAI
}

BUTTONINSTANCENAME.addEventListener (MouseEvent. Click, FUNCTIONNAME);

10

Fare clic sul clip filmato, e una volta all'interno, tasto destro del mouse sul tuo diario e dal menu a discesa che compare, selezionare \"Create Shape Tween. \" aggiungere un ulteriore livello selezionando il \"Insert Layer\" icona nell'angolo inferiore sinistro della finestra di timeline.

11

Fare clic sul nome del layer e digitare \"Actions\" nella casella. Questo è dove andrà il tuo ActionScript. Il tuo nuovo livello sul telaio quinto, selezionare F6 per creare un nuovo fotogramma chiave. Passare a \"Window\", quindi \"Actions\" per aprire la finestra di ActionScript. Scrivere (\"stop) \" nella finestra. Dopo la Stop (); scrivere il seguente codice, cambiando i nomi di istanza e funzione di conseguenza:

funzione FUNCTIONNAME(event:MouseEvent):void
{
MovieClip(root). MOVIECLIPINSTANCENAME.visible = false
}

BUTTONINSTANCENAME.addEventListener (MouseEvent. Click, FUNCTIONNAME)

12

Ripetere questi passaggi per tutti i lightbox che si desidera creare, cambiare i nomi di istanza e funzione leggermente con ogni lightbox che si crea.

Consigli & Avvertenze

  • Se l'intero sito non è in Flash e fare un sito Web basato su Flash non è un'opzione, vedere le risorse per pochi modi diversi di creare una lightbox in Flash.