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...