Afbeelding kijkers , soms " image galleries " of " portefeuilles , " scherm foto's en andere afbeeldingen in een presentatie - achtige format . Een typische aanpak is om meerdere kleine foto's , of " thumbnails ", langs de kant of de bovenkant van het document weergavegebied --- bekend als de "stage" in Flash te regelen . De miniaturen , wanneer erop geklikt wordt , tonen een full-size versie van de afbeelding in het midden van het podium . In Flash , een eenvoudige en veelgebruikte methode voor het maken van dit soort foto-viewer is om de miniaturen te converteren naar Knopsymbolen en dan maken ze klikbare met basic " Event Listener " ActionScripts . Wat je nodig hebt Adobe Flash CS2 of hoger Adobe Photoshop , Photoshop Elements , Apple iPhoto , Windows Paint of een ander beeldbewerkingsprogramma Toon Meer Aanwijzingen Aan de foto's Ready < br > 1 Open uw foto's in een beeldbewerkingsprogramma zoals Photoshop of iPhoto . kopen van 2 Maak twee kopieën van elk beeld . Je zult een full - size versie en een miniatuur versie nodig . De werkelijke grootte en de afmetingen van elke versie zal afhangen van de beoogde scherm grootte van je Flash picture viewer film en de oorspronkelijke grootte en vorm van uw foto's . Voor 6 x 4 inch foto's , bijvoorbeeld , kan je de full-size afbeeldingen 400 met 300 pixels en de miniaturen 100 met 75 pixels . 3 Sla uw foto's als JPEG -bestanden ( . jpg ) . Geef elke miniatuur en afbeelding op ware grootte in te stellen bijbehorende namen . Bijvoorbeeld , de naam van de miniaturen " thumbnail1.jpg , " " thumbnail2.jpg , " enz. Naam van de matching full - size afbeeldingen " picture1.jpg , " picture2.jpg , " en ga zo maar door . < Br > het creëren van de Picture Viewer in Flash 4 Start een nieuwe Flash FLA film . 5 Stel het weergavegebied , of "fase , " om de gewenste grootte van uw picture viewer . hiertoe klikt u op " wijzigen" op de menubalk en kies " Document " om te openen het dialoogvenster Documenteigenschappen . Verander de " Breedte " en "Hoogte " dimensie velden op de gewenste grootte voor je film . Een goede , veilige afmeting is 766 x 700 pixels dit size fits meeste monitoren zonder dat de gebruiker om links en rechts scrollen om de hele pagina te zien 6 Importeer uw foto bestanden in de film als volgt : . . Klik op " file "op de menubalk , kies" importeren " en selecteer " importeren naar bibliotheek ' uit het submenu . Ga naar de map met je foto's . Selecteer ze en klik op ' Openen '. 7 Sleep een miniatuur van de bibliotheek naar het podium . Position het waar je wilt je eerste miniatuur weer te geven . 8 rechtermuisknop op de miniatuur en kies " Convert to Symbol ' uit het pop - up menu. Dit opent de Convert to Symbol dialoogvenster . Typ een naam in het "Naam" veld , en selecteer vervolgens de " knop " radioknop . Klik op "OK". 9 Ga naar de eigenschappen panel ( meestal weergegeven aan de rechterkant van het podium ) en type " button1 " in het veld aanleg Name ( eerste veld in het paneel ) . 10 klik met de rechtermuisknop frame 2 in de tijdlijn paneel en kies "Insert Keyframe " uit het pop - up menu . 11 Sleep de afbeelding op volledige grootte overeenkomen met de miniatuur die u op het podium eerder geplaatst . Plaats het op het podium waar je wilt dat de full - sized foto's < : om 12 rechtermuisknop op frame 1 van de tijdlijn panel Type de volgende ActionScript-code in het deelvenster Handelingen te geven en kies "Acties " in het pop - upmenu ( of knippen en plakken ) . . br stop > ( ) ; button1.addEventListener ( MouseEvent.CLICK , onClickPlay ) ; functie onClickPlay ( event : MouseEvent ) : void { gotoAndPlay ( " 2 " ) ; } Dit script stopt de film in frame 1 en luistert voor een klik op de thumbnail . Als het "hoort" een klik op de thumbnail , Flash speelt Frame 2 , waar u plaatste de bijbehorende afbeelding op ware grootte. < . br > 13 klik met de rechtermuisknop frame 2 in de tijdlijn paneel en kies "Acties " in het pop - upmenu Typ het volgende script in het deelvenster Handelingen : stop ( ) op ; < br > Dit script gewoon stopt de film in het tweede frame , waar u uw eerste full - size foto geplaatst . 14 Herhaal deze stappen voor de tweede set foto's . Ditmaal , hoewel , geef uw toetssymbool de instantienaam " button2 . " Zet uw full- size foto in Frame 3 vergeet niet om een "stop ( ) ; " te plaatsen. . script in het deelvenster Handelingen in frame 3 de ActionScript om de tweede verkleinde aanklikbaar maken gaat in in het deelvenster Handelingen in frame 1 , onder de scripts u daar geplaatst eerder Hier is het script : button2.addEventListener ( MouseEvent.CLICK , onClickPlay2 ) ; < br . functie > onClickPlay2 ( event : MouseEvent ) : void { gotoAndPlay ( " 3 " ) ; } Notice dat in dit script " button2 " vervangt " button1 " aan het begin van het script " onClickPlay2 " . vervangt " onClickPlay " in de eerste twee regels , en " 3 " vervangt de " 2 " in de haakjes achter " gotoAndPlay . " Dit script luistert voor een klik op de tweede miniatuur ( naam van de instantie " button2 " ) en , wanneer het een klik hoort op die miniatuur , speelt Frame 3 . 15 Herhaal dit proces voor elke set van foto's . bijvoorbeeld , geef de derde knop symbool de instantienaam " button3 . " Leg de bijpassende afbeelding op ware grootte in frame 4 Maak de Event Listener script weer ( in kader 1 ) , te veranderen zodat " button3 " vervangt " button2 " ; . " onClickPlay3 " vervangt " onClickPlay2 " in de eerste twee regels , en de " 3 " achter " gotoAndPlay " is vervangen door een " 4 . "
|