Hvordan lage en Lightbox i Flash

April 21

Lysbord tillate deg å vise noe av det beste arbeidet ved å forstørre det og gjøre arbeidet ditt fokus på skjermen. Mange skript for å gjøre dette blir gjort tilgjengelig på nettet ved hjelp av Javascript og CSS koding. Å gjøre en lysboks i Flash er best brukt på et fullt Flash nettside, i stedet for bare som et innebygd flash-fil. Det vil tillate deg å få full effekt, en lignende effekt som de andre Javascript eller CSS-baserte Lightbox koder.

Bruksanvisning

1 Lag din Flash-fil. I denne situasjonen ville lage et helt nettsted i Flash fungerer best, som lysbilde vil fylle opp hele skjermen på denne måten.

2 Åpne Bibliotek ved å navigere til \ "Window \" på rullegardinmenyene, så \ "Library. \" Klikk på \ "New Symbol ... \" knappen nederst til venstre i Library-vinduet for å lage en ny filmklipp. Velg filmklipp, name it \ "Flashbox \" og klikk OK. Du har nettopp opprettet filmklippet du skal jobbe med.

3 Åpne filmen cli, og lage en liten grå boks, ved hjelp av rektangel form verktøyet (R, O, R, O). Mottakeren skal ikke være større enn 3px av 3px i det første bildet av tidslinjen din.

4 Opprett en ny keyframe, Frame 5 av tidslinjen din ved å velge Frame 5 og høyreklikke på den. Velg \ "Opprett en ny Keyframe \" fra rullegardinvindu. I den femte keyframe, vil du nå ha en kopi av den samme boksen du opprettet i den første rammen.

5 Med boksen i den femte ramme, må du velge \ "Free Transform Tool \" fra verktøylinjen, og velg boksen. Med dette verktøyet er valgt, dra i den grå boksen til det fyller hele scenen. Plasser bildet ditt på scenen ved å navigere til \ "Fil \" og deretter \ "Importer \" og \ "Importer til Stage \" og velg filen. Justere størrelsen ved hjelp av \ "Free Transform Tool \" som du gjorde med den grå boksen.

6 Lag en lukkeknapp ved å navigere til Shape Tool på verktøylinjen. Velg Shape Tool, og plassere en liten sirkel på scenen. Trekk sirkelen inn i biblioteket. Velg \ "Button \" som filtype, og navnet ditt knappen. Gi knappen en forekomst navn i Properties vinduet (naviger til \ "Window \", \ "Properties \" og igjen \ "Properties \"). Dette vil være navnet som brukes til å kalle det i Actionscript.

7 Trekk en kopi av filmklipp på din hovedscenen, og i vinduet Egenskaper gi filmklipp en forekomst navn.

8 På hovedscenen, lage en knapp eller miniatyr, og dra den inn i biblioteket. Dette vil være knapp som vil åpne opp lysbord, så bruk en miniatyr av bildet i lysbilde hvis du ønsker det. Etter å trekke den inn i biblioteket, velger du \ "Button \" som type i \ "Konverter til Symbol \" vinduet og navnet ditt knappen i feltet over typevalget. Gi knappen en forekomst navn i vinduet Egenskaper.

9 Legg et lag ved å velge \ "Sett Layer \" -ikonet fra nedre venstre hjørne av tidslinjen boksen. Klikk på lagnavn og type \ "Handlinger \" i boksen. Det er der Action går. I den nye keyframe, navigere til \ "Window \", da \ I \ "Handlinger \" vinduet, skriver følgende, og pass på å endre ord i caps til dine forekomst og funksjon navn "Handlinger \.":

MOVIECLIPINSTANCENAME.visible = false
GÅ

funksjon function (event: Mouseevent): void {
MOVIECLIPINSTANCENAME.visible = true
GÅ
}

BUTTONINSTANCENAME.addEventListener (MouseEvent.CLICK, function);

10 Klikk tilbake på filmklipp, og en gang inne, høyreklikker på tidslinjen din, og fra rullegardinmenyen som vises, velger du \ "Create Shape Tween. \" Legg et lag ved å velge \ "Sett Layer \" -ikonet fra nedre venstre hjørne av tidslinjen boksen.

11 Klikk på lagnavn og type \ "Handlinger \" i boksen. Det er der Action går. I det nye laget, på den femte ramme, velger F6 for å opprette en ny keyframe. Naviger til \ "Window \", så \ "Handlinger \" for å åpne opp din Actionscript vinduet. Skriv \ "stop () \" i vinduet. Etter stopp () ;, skrive følgende, endre forekomst og funksjon navn tilsvarende:

funksjon function (event: Mouseevent): void
{
MovieClip (root) .MOVIECLIPINSTANCENAME.visible = false
}

BUTTONINSTANCENAME.addEventListener (MouseEvent.CLICK, function)

12 Gjenta disse trinnene for alle lysbord du ønsker å opprette, endre forekomst og funksjonsnavn litt med hver lysbord du oppretter.

Hint

Hvis hele området er ikke i Flash og lage en Flash-basert nettsted er ikke et alternativ, se Resources for noen forskjellige måter å skape et lysbord i Flash.