Fastlæggelse af de bedste måde at vise din billeder online er ofte en udfordring . Borte er de dage, hvor billederne blev placeret på websider i en statisk tabel , folk forventer mere interaktivitet nu. Et diasshow kan være en underholdende og interaktiv måde at vise dine fotos på nettet. Uanset om du er fremvisning emner til at sælge , viser din professionelle portefølje eller dele personlige fotos , Adobe Flash giver den fleksibilitet og magt til at skabe en interaktiv lysbilledshow , der hurtigt kan inkorporeres i din hjemmeside. Ting du skal
Adobe Flash
Images
Vis Flere Instruktioner
Opret Slideshow
1
Åbn et nyt Flash-dokument og indstille lærredet til den ønskede størrelse for diasshowet. Klik på " Size" i vinduet Egenskaber . Indtast de nye dimensioner i felterne Bredde og Højde.
2
Opret tre lag. Vælg "Indsæt ", " Timeline " og " Layer " for alle tre. Navngiv det øverste lag "Handlinger ", det andet lag " Controls " og det tredje lag " Billeder ".
3
Placer det første billede . Vælg "File ", " Import " og " Importer til bibliotek ". Vælg derefter de andre billeder til diasshowet. Vælg den første ramme på din " Image" lag. Vælg "Window " og " Library " for at åbne dit bibliotek vinduet. Vælg det første billede, og træk den ind på scenen. Hvis billedet skal skaleres , justere højden (H) og bredde (W ) i " Properties " vinduet. Træk derefter billedet til den korrekte position.
4
Indsæt et nyt " keyframe " for hvert billede i diasshowet. Klik på den næste ramme i billedet lag og vælg " Indsæt ", " Timeline " og " Keyframe ". En ny keyframe med det første billede vises . Vælg billedet og klik på "Swap " i vinduet Egenskaber. Vælg derefter det næste billede til diasshow. Gentag dette trin, indtil alle billeder er korrekt placeret .
5.
Opret kontroller. Vælg den første ramme på din " Controls " lag. Placer eller trække næste og forrige knapper. At skabe enkle trekant -knapper , skal du vælge " POLYSTAR Tool. " Klik på "Options" i vinduet Egenskaber , og ændre antallet af sider til 3. . Tegn de to trekanter som ønsket .
6
Konverter knapperne til symboler. Vælg den næste knap, som du vil bruge. Vælg "Rediger " og " Konverter til Symbol ". Vælg " knap" som den type og navngive knappen " next_btn ". I vinduet Egenskaber ændre instans navn til " next_btn " som godt. Gentag processen fra den tidligere knappen , ændre navn og instans navn til " prev_btn ". Sørg Controls lag er den samme længde som den "Billeder" lag. Hvis det ikke er , skal du vælge den sidste frame af laget derefter vælge " Indsæt ", " Timeline " og " Frame ".
7
Tilføj handlinger. Diasshowet brug for nogle kode til at stoppe filmen afspilles automatisk og give knapperne funktionalitet. Vælg den første ramme på dine handlinger lag. Føj følgende kode : " //Stopper videosekvensen fra at spille frames automatically.stop ();
//Når brugeren klikker på next_btn , den næste ramme vil appear.next_btn.onRelease = function () { if ( _root._currentframe == 5) { gotoAndStop (1) } else { nextFrame (); }}
//Når brugeren klikker på prev_btn , den forrige ramme vil appear.prev_btn.onRelease = function ( ) { if ( _root._currentframe == 1 ) { gotoAndStop (5) } else { prevFrame ( );} } "
Tilføj til Website
8
Udgiv lysbilledshow. Vælg "File" og "Udgiv indstilling ... " . På fanen Formater sørg for, at " Flash" og "HTML " typer er valgt. Tryk på " Udgiv " for at oprette en SWF-fil , JavaScript ( JS ) fil og HTML-fil.
9
Tilføj til hjemmesiden. Åbn HTML-fil i en web -editor , såsom Dreamweaver eller teksteditor. Vælg og kopier koden fra
til < /body> , herunder
og . Indsætte den i HTML for din webside , hvor du vil have dit lysbilledshow at vise.
10
Brug en FTP-klient såsom Filezilla til at uploade HTML-koden , JavaScript -fil og SWF-filen til din hjemmeside . Sørg for, at HTML -koden afspejler stadig placeringen af disse filer. Bemærk, at hvis du har placeret nogle af filerne inde forskellige mapper , kan det være nødvendigt at ændre HTML-koden og uploade det igen.