Tutorial for Dynamic Flash fotogallerier med miniatyrbilder

Tutorial for Dynamic Flash fotogallerier med miniatyrbilder


Lage dynamiske Flash fotogallerier er ikke komplisert, men krever en rekke diskrete komponenter som arbeider sammen. Etter noen få enkle trinn, kan du opprette en Flash galleri raskt, selv om du ikke er en erfaren programmerer. Det er noen få teknologier som er involvert, men du trenger ikke å være dypt kjent med disse. For å opprette din dynamiske galleriet, må du bruke XML, Flash, Actionscript og muligens et bilderedigeringsprogram.

Bruksanvisning

1 Forbered bildene. Samle bildene for galleriet og at de blir beskåret til riktige dimensjoner, holde filstørrelser så liten som mulig samtidig opprettholde god kvalitet. Endre størrelsen på hvert bilde til den størrelsen du vil at bildene for å være - det er bedre å gjøre dette på forhånd i stedet for å endre størrelse i Flash når galleriet er sett, da dette vil resultere i dårligere kvalitet. Lagre dine viktigste bilder i en katalog og miniatyrbildene i et annet, noe som gir hvert miniatyr et navn som er det samme eller lignende til sin hovedbildet, slik at du kan matche dem opp lett i Flash.

2 Opprett XML for å holde detaljene i bildegalleriet. Du kan bruke en database og server-side script for å hente bildedata, men ved hjelp av XML er mer vanlig, så det er raskt og enkelt å implementere i Flash. Lag et XML-dokument for å holde oversikt over dine bilder, inkludert deres nettadresser. Du kan eventuelt inkludere annen informasjon om bildene, for eksempel deres filtyper og dimensjoner, men dette er ikke avgjørende. (Se referanse 1)

3 Lag din Flash-fil med designelementer. Opprett en ny fil i Flash og sette opp dokumentegenskaper samt eventuelle visuelle elementene du trenger. Bruk tegneverktøy i Flash for å lage symbolene du trenger for galleriet. Flash-filen skal inneholde holdere for å vise de viktigste bildene, holdere for miniatyrene, og noen bruker styrer du trenger. Bruk filmklipp, Button og grafiske symboler som du trenger. (Se Referanse 2)

4 Last bildedataene fra XML. Bruk Actionscript i Flash filmen å laste XML-dataene. I Actionscript 3.0, innebærer dette ved hjelp av URLLoader, URLRequest og XML klasser. I Actionscript 2.0, kan du bruke MovieClipLoader og XML klasser. Når du laster XML og begynne å behandle den, lagre bildedata i din Flash-kode, ved hjelp av matriser slik at du kan deretter få tilgang til disse dataene for å laste ned bildene selv. (Se Referanse 3)

5 Last bildene dine. Ved hjelp av data fra XML, legger hver av dine bilder til Flash-filen en om gangen, looping gjennom hele listen. Husk å laste både de viktigste bildene og miniatyrbilder, og laste dem inn i hva holder du har opprettet for å vise dem. Du kan bruke Loader og URLRequest klasser hvis du koder i Actionscript 3.0, eller MovieClipLoader Class hvis du bruker Actionscript 2.0. (Se referanse 4)

Hint

  • Inkluder en indikasjon på last fremgang for brukerne; for eksempel kan dette være en lastbærende stang som viser den prosentvise lagt så langt. Denne funksjonen kalles en preloader, og gjør at folk langt mer sannsynlig å vente og se galleriet hvis bildene tar en stund å laste.
  • Hvis bildegalleriet har brukermedvirkning i det, bør du unngå kontrollene fra å jobbe mens innholdet er fortsatt blir lastet inn. Slik at brukermedvirkning mens bildene er i ferd med lasting vil føre til uforutsigbare effekter.