Tutorial per il Picture Viewer Flash

visualizzatori di immagini , a volte chiamati " gallerie di immagini " o " portafogli ", le foto Mostrare e altre immagini in un formato di presentazione -like. Un approccio tipico è quello di organizzare diverse piccole immagini, o "miniature ", lungo il lato o la parte superiore dell'area di visualizzazione del documento --- noto come "stage" in Flash . Le miniature , se cliccato , mostra una versione a tutto schermo dell'immagine vicino al centro del palco . In Flash , un metodo semplice e comune per la creazione di questo tipo di visualizzatore di immagini è quello di convertire le immagini per simboli del pulsante e quindi renderli cliccabili con " listener " ActionScripts base. Cose che ti serviranno
Adobe Flash CS2 o poi
Adobe Photoshop , Photoshop Elements , Apple iPhoto , Windows Paint o un altro programma di editing di immagini
Show More Istruzioni
Ottenere il Pictures pronto
pagina 1

Aprite le vostre immagini in un programma di modifica delle immagini , come Photoshop o
iPhoto . 2

Creare due copie di ogni immagine . Avrete bisogno di una versione full-size e una versione di anteprima . Il formato e le dimensioni di ciascuna versione attuale dipenderanno dalla dimensione di visualizzazione della vostra immagine film visualizzatore Flash e la dimensione e la forma delle immagini originali . Per 6 x 4 pollici foto , per esempio, è possibile rendere le immagini full-size 400 per 300 pixel e le miniature 100 da 75 pixel .
3

Salva le immagini come file JPEG ( . jpg ) . Dare ad ogni miniatura e l'immagine alle dimensioni impostato nomi corrispondenti. Ad esempio , il nome delle miniature " thumbnail1.jpg , " " thumbnail2.jpg ", ecc Nome le immagini full-size corrispondenti " picture1.jpg , " picture2.jpg , "e così via .

Creazione del Visualizzatore di immagini in Flash
4

Avviare un nuovo filmato Flash FLA.
5

l'area di visualizzazione , o "stage ", per la dimensione desiderata della vostra visualizzatore di immagini . per fare ciò, fare clic su " Modifica " nella barra dei menu e scegliere "Documento" per aprire la finestra di dialogo Proprietà documento . modificare i campi dimensione "Altezza" "Larghezza" e alle dimensioni desiderate per voi film . Una buona , dimensione sicuro è 766 x 700 pixel questa taglia unica maggior parte dei monitor senza costringere l'utente a scorrere verso sinistra e verso destra per visualizzare l'intera pagina
6

Importa i tuoi file immagine in film come questo : . . Click " File " sulla barra dei menu , selezionare " Importa "e poi selezionare" Importa nella libreria " dal sotto- menu. Vai alla directory contenente le immagini voi . selezionarli e fare clic su " Apri ".
7

Trascinare una miniatura dalla libreria sullo stage . posizione in cui si desidera che il primo virtuale visualizzate .
8

pulsante destro del mouse sulla miniatura e scegliere " Converti in simbolo " dal menu pop- up menu. Si apre la finestra di dialogo Converti in simbolo . Digitare un nome nel campo "Nome" , quindi selezionare il pulsante di opzione "Button " . Fai clic su " OK ".
9

passare alle proprietà pannello ( solitamente visualizzato a destra del palco ) e di tipo " button1 " nel campo Nome istanza ( primo campo del pannello) .
10

pulsante destro del mouse il fotogramma 2 nel pannello Timeline e scegliete " Inserisci fotogramma chiave " dal menu a comparsa.
11

Trascinare l' immagine alle dimensioni corrispondenti delle miniature è stato posizionato sulla fase precedente . posizionarlo sul palco in cui si desidera le immagini full-size per visualizzare
12

pulsante destro del mouse il fotogramma 1 nel pannello Timeline e scegliete "Azioni " dal menu a comparsa Tipo (o tagliare e incollare) il codice seguente nel pannello Azioni: . . < br arresto >

();

button1.addEventListener ( MouseEvent.CLICK , onClickPlay ) ;

funzione onClickPlay ( evento : MouseEvent ) : void { gotoAndPlay ( "2" ) ; }

Questo script ferma il filmato nel fotogramma 1 e ascolta per un clic sulla miniatura . Quando si "sente " un click sulla miniatura , Flash gioca fotogramma 2 , dove è stato posizionato l' immagine nelle sue dimensioni corrispondenti . < . br> Pagina 13

pulsante destro del mouse il fotogramma 2 nel pannello Timeline e scegliete "Azioni " dal menu di scelta rapida digitare il seguente script nel pannello Azioni :
arresto

( ) ;

Questo script si ferma semplicemente il film nel secondo frame , dove avete posizionato la vostra prima immagine full-size .
14

Ripetere questa procedura per la seconda serie di immagini . Questa volta, però , dare il vostro simbolo di pulsante il nome di istanza " pulsante2 . " Metti la tua foto in formato intero nel frame 3 non dimenticare di mettere un " stop (); " . . script nel pannello Azioni al fotogramma 3

il codice ActionScript per fare il secondo miniature cliccabili va in nel pannello Azioni al fotogramma 1 , sotto gli script che vi collocò in precedenza Ecco lo script :

button2.addEventListener ( MouseEvent.CLICK , onClickPlay2 ) ; < br . funzione >

onClickPlay2 ( evento : MouseEvent ) : void { gotoAndPlay ( "3" );}

Si noti che in questo script " Button2 " sostituisce " button1 " all'inizio dello script " onClickPlay2 " . sostituisce " onClickPlay " in prime due righe , e "3" sostituisce il " 2 " tra parentesi dietro " gotoAndPlay . " Questo script in ascolto per un clic sulla seconda miniatura ( nome istanza " Button2 " ) e , quando si sente un clic su quello delle miniature , gioca frame 3 .
15

Ripetere questo processo per ogni serie di immagini . , ad esempio, dare il terzo simbolo del pulsante il nome di istanza " button3 . " Posizionare l'immagine full-size corrispondente in frame 4 Creare nuovamente lo script ascoltatore di eventi ( nel fotogramma 1 ) , cambiando in modo che " button3 " sostituisce " Button2 " ; ". onClickPlay3 " sostituisce " onClickPlay2 " nelle prime due righe , e la " 3 " dietro " gotoAndPlay " è sostituito con un "4 ".