Galeria de Imagens simples

Há uma série de tutoriais interessantes e avançadas sobre o Flash por aí. No entanto, existem muito poucos básico para animais disponíveis para os iniciantes. É difícil encontrar alguns tutoriais básicos para apenas um banner rotator simples, ou um carrossel, ou uma galeria flash. Então aqui está um pequeno pedaço de ajuda para os iniciantes em Flash, um tutorial muito simples sobre a criação de uma galeria de fotos com ActionScript mínimo.

Visualização de Resultado Final

 

Vamos usar o ActionScript 2.0 aqui, então vamos começar com um novo AS 2.0 Documento em Flash CS3.

A próxima coisa que precisamos fazer é definir o tamanho da cena, que é o tamanho da nossa galeria de flash . Eu quero as minhas fotos para 300 * 300 pixels de tamanho e 60 * 60 polegares de tamanho, por isso o meu tamanho gallety deve ser 300 * 360 pixels.

Agora vamos precisar usar a ferramenta Retângulo para criar um retângulo branco com borda branca. Uma vez retângulo está no lugar, rightclick sobre ele e "Converter em símbolo ..." - é preciso convertê-lo em filme, eo nome realmente não importa.
Se o clipe de filme que você não é com resultou precisamente 300 * 300 pixels, você pode facilmente corrigir isso no menu Propriedades abaixo. Para tê-lo sentar-se no topo da cena atribuir valores 0 para X e Y cordinates dele.
IMPORTANTE: Você deve preencher a configuração <nome_da_instância> com um visualizador de palavra, assim como é mostrado abaixo.

Clique duas vezes no filme para chegar a ele, e vamos começar a adicionar imagens e quadros. Para importar imagens, você só precisa drag'n'drop-los para a biblioteca para a direita.

Deixe o intocado primeiro quadro-chave e adicionar 5 Keyframes mais (1 por imagem). Isso é feito por rightclicking a moldura vazia e escolhendo "Inserir quadro-chave em branco".

Eu tenho 6 keyframes no total agora. E agora vamos precisar inserir imagens lá. O primeiro quadro-chave conterá somente uma frase como "por favor, escolha uma imagem". Para adicioná-lo, você precisa de nada além de uma ferramenta de texto.

Nós também precisamos adicionar um pouco de um script de ação para este quadro. Rightclick sobre ela e escolha "Ações" no menu drop-down. No quadro de ações adicione o seguinte código:
stop();
Em seguida, destacar o segundo quadro e arraste há uma imagem de sua biblioteca. Posicione a imagem a 0 para X e Y. Preencha todos os quadros com suas próprias imagens.

Dê um duplo clique duas vezes fora das regiões de filmes para voltar, ou clique no "Scene 1" Link. Agora vamos fazer algumas pequenas miniaturas de nossas fotos. Arraste-os da biblioteca, redimensionar a 60 * 60 pixels e posição logo abaixo o clipe de filme.
Precisamos fazer botões dessas miniaturas para tornar o nosso arquivo flash trabalho. Para isso, destacá-los um por um e pressione F8 para convertê-los em botões. Os nomes atribuídos, não importa. Como resultado, você deve ter 5 botões minúsculos logo abaixo o clipe de filme.

Agora selecione o primeiro botão, e rightclick nele inserir alguns dentro O ActionScript. "Ações" é o que você está procurando. E o script você precisa adicionar mais ou menos assim:
on (release) {
viewer.gotoAndStop ( x );
}
Onde você precisa mudar X para o número do quadro este botão se refere. Meu primeiro botão refere-se a uma imagem de uma linda garota, que eu coloquei no segundo quadro, por isso vou tipo 2 em vez de X. O próximo botão irá se referir ao quadro 3, então eu wil inserir o mesmo código para o segundo botão , mas irá mudar X para 3. Então, no meu último botão Tenho substituído X a 6 e tudo está pronto agora.
Você pode pressionar Ctrl + Enter para verificar se a nossa galeria de flash está funcionando bem. E eu tenho certeza que é!
Além disso, você pode alterar os botões de responder sempre que você desligar o cursor do mouse sobre eles ao invés de clicar. O código para cada botão será:
on (rollOver) {
viewer.gotoAndStop ( x );
}
on (rollOut) {
viewer.gotoAndStop (1);
}

Site de Origem:http://10steps.sg