iMasters | Por uma internet mais criativa e dinâmica

Sexta-feira, 13/12/2002 - 03:59 - Por Tiago Colombo
Seções relacionadas:

• Flash

• Imprimir
• Indicar
• Digg it
• Del.icio.us
• Twitter
• 4 comentários

Olá pessoal!

Neste artigo, irei mostrar como carregar imagens utilizando loadMovie, um método bem simples de não carregar o seu .swf.
Abaixo podemos ver o exemplo funcionando corretamente importando as imagens.

Vamos ao trabalho !

1- Primeiramente estaremos montando nossa Timeline nomeando nossas camadas (layers).

Criaremos quatro camadas, sendo elas:

• Scripts
• Botões e Input
• Palco
• Background

Veja abaixo como vai ficar nossa Timeline:

2- A última camada Background não irei comentar pois fica ao gosto de cada um fazer o layout da maneira que quiser.

Na camada Palco criaremos um MovieClip, dentro deste MC crie uma quadrado de tamanho W=344 e H=177, volte para sua timeline principal e instancie este MC de Palco.

É neste MovieClip que chamaremos as fotos usando o LoadMovie e colocando com Target a instancia deste MovieClip, por isso é importante instaciá-lo.

3- Nossa próxima camada é a Botões e Input, criaremos dois botões e uma caixa Input que será responsável pelo avançar e voltar das imagens e a caixa de texto que será o nosso contador.

No botão voltar, instancie como "voltar", pois é através desta instância que estaremos fazendo suas ações. A mesma coisa aconteçe com o botão avançar, instacie ele como "avancar".

Tendo feito nossos botões, crie agora uma caixa de texto dinâmica (Text Dynamic), instanciando ela como "numeracao" e coloque também o nome da variável como "_root.foto".

4- Nossa próxima e última camada é a Scripts, onde tudo irá acontecer. Abaixo temos todo nosso script que fará o gerenciamento dos botões e o carregamento das imagens.

Selecione o 1º frame e adicione o seguinte script:

// Informamos aqui a primeira propriedade que usaremos e a nossa variável.
palco._alpha = 0;
foto_atual = 1;
// No script abaixo usamos a instancia do botão e fazemos uma condição.
avancar.onPress = function() {
// Caso a próxima foto seja menor que 7 (a quantidade de fotos que iremos importar).
if (foto_atual<7) {
// Execute tais propriedades
// fadeOut usamos para a saída do Alpha e o fadeIn para a entrada
fadeOut = true;
// e somamos a variável foto_atual
foto_atual++;
// agora damos outro valor a nossa variável foto_atual.
foto = foto_atual;
}
};
// A mesma coisa faremos no botão voltar, só com uma mudança
voltar.onPress = function() {
if (foto_atual>1 ) {
fadeOut = true;
// a variável foto_atual irá subtrair uma foto, voltando para foto anterior
foto_atual--;
foto = foto_atual;
}
};
// No script abaixo nós fazemos a transição de uma imagem e outra
_root.onEnterFrame = function() {
if (palco._alpha>10 && fadeout) {
palco._alpha -= 10;
}
// Abaixo nós informamos que só quando o _alpha do nosso MC
// for menor que 10 ele carrega a imagem, ocorrendo assim a transição que nós vemos.
if (palco._alpha<10) {
// Aqui carregamos nossas imagens informando apenas o diretório em que se encontra e o inicial da imagem e somamos com o número em que estiver na nossa caixa e exibimos no nosso MovieClip "palco"
loadMovie("../imagens/img"+foto_atual+".jpg", "palco");
fadeOut = false;
fadeIn = true;
}
if (palco._alpha<100 && fadein && !fadeout) {
palco._alpha += 10;
} else {
fadeIn = false;
}
// Abaixo informamos o limite da quantidade de fotos no contador
if (foto>7) {
foto = 7;
}
};

Espero que tenham gostado deste simples exemplo mas que será de grande utilidade nas nossas aplicações !

Clique aqui para fazer o download dos arquivos.

Até a próxima...

Todos os artigos de Tiago Colombo

24/06/2005 - Mantendo o estado dos dados no ASP.NET - Parte 02 13/06/2005 - Mantendo o estado dos dados no ASP.NET - Parte 01 06/06/2005 - Dica: Como capturar o endereço e o nome da página atual no ASP.NET 28/04/2005 - Configurando a segurança na sua aplicação 15/04/2005 - Compilação condicional no .NET 06/04/2005 - Usando técnicas de Trace e Debug 01/04/2005 - Crie facilmente as autenticações dos usuários com senhas criptografada 13/12/2002 - ColdFusion MX: CFMAIL + Form Flash 13/12/2002 - Flash MX: Sistema de busca em ASP 13/12/2002 - Flash MX: Gravando variáveis em um .txt 13/12/2002 - Flash MX: LoadMovie 13/12/2002 - Flash MX: Player 13/12/2002 - Flash MX: Função tecla TAB em formulários

4 comentários publicados

• 1. Load movie

  Quinta-feira, 07/10/2004, por Ary Maynart
  

  Oi, meu nome é Ary Maynart e gostei da sua matéria sobre o load movie e tenho uma pergunta.
  É possivel usar um préloading no filme principal e outro no swf carregado com essa funçao?
  Caso o swf carregado seja extenso tem como usar uma barra de rolagem simples sem usar o componente ScrollPane ?

  Responder comentário

• 2. UnLoadiar

  Terça-feira, 31/05/2005, por cliff olvieira
  

  opa, boa mteria, legl pra caramba mas, tem como eu deslodiar os movies que eu lodiei sem ter que fazer unload movie em todos os botooes que eu fiz?

  Responder comentário

• 3. E para carregar um texto para cada foto carregada?

  Segunda-feira, 20/03/2006, por Gisele
  

  Olá,
  gostaria de saber se é possivel acrescentar nessa programação por exemplo:
  Qdo a imagem img1.jpg for carregada, tb se carregue numa área de texto dinânimico um texto &img1 de um arquivo .txt
  Isso é possivel? Cada imagem apresentada carregar um texto?

  Responder comentário

• 4. por favor

  Segunda-feira, 26/06/2006, por Elias Frederique de Melo Fernandes
  

  Como faço para salvar em flash 8 esse tutorial...
  se mudar em settings> versão: flash 8 e actions: 2 as imagens não funcionam

  Responder comentário

Poste um comentário

(clique se não for cadastrado)

Login: Senha: Titulo: digite aqui seu comentário Site/blog: Enviar Receber notificação de novos comentários

Sobre o autor

Tiago Colombo é Analista de Sistema, certificado MCAD.NET (Microsoft Certified Application Developer for Microsoft .NET) e atualmente trabalha com projetos na plataforma .NET. Especializando-se em Sistemas de Banco de Dados no IBTA (Instituto Brasileiro de Tecnologia Avançada), trabalha com .NET desde 2003 e têm atuado em diversos projetos de todos os portes.

Indique para um amigo

Escreva aqui sua mensagem! ok

Tags relacionadas

seguranca brasil iphone web mercado celular criação apple linux mobile lançamento google internet crescimento youtube twitter firefox microsoft ti android php desenvolvimento 3g yahoo tecnologia windows

TI SHOP Produtos iMasters

• Lançamento: CD-ROM Treinamento Aplicado de SQL - Lançamento! Treinamento Aplicado de SQL - Aprenda a trabalhar com SQL com bancos de dados Oracle e SQL Server. São mais de 100 tópicos explicados por Mauro Pichilliani, um articulistas mais lidos do iMasters. Aproveite! Apenas R$ 69,90 no TI SHOP.
• Lançamento: Livro iMasters "O Encontro de 2 Mundos"- Este livro conta com 56 crônicas de profissionais mais admirados e influentes do mercado brasileiro de Internet. Aproveite o preço especial para leitores do iMasters. Apenas R$ 40,00 e envio imediato!
• DVD Curso Completo de Photoshop - Do conceito à finalização Lançamento! Curso Completo de Photoshop, em DVD, com mais de 230 aulas dividas em 4 módulos: conceito, básico, avançado e finalização. Apenas R$ 69,50 no TI SHOP - Frete com 50% de desconto
• DVD Javascript Starter - Curso Completo Com mais de 9 horas de vídeo-aulas, é um curso completo sobre Javascript. Ideal para quem deseja aprender a linguagem. Apenas R$ 64,90 no TI SHOP - Frete com 50% de desconto!