slideshow

[Guto1]

algu'em sabe onde tem um tutorial para criar um slide em flash como esse:

http://www.mzone.sk/uvod

[Pooh]

Facilmente reproduzido, vou fazer um breve tutorial e depois lhe posto.

Abraços Pooh

[Pooh]

Acabei dando uma cochilada mas ta aqui ^_^

fiz um exemplo bem simples assim você pode customizá-lo mais tarde.

não inclui muita coisa, somente ele é auto-ajustável até 14 imagens sendo elas 200x160(mas você pode ajustar pra mais ou para menos);

então vamos lá:

como Sempre

stop();
#include "mc_tween2.as"

paramos nossa linha de tempo e chamamos nosso amigo mc_tween2.as;

import flash.geom.Point;

Chamamos nossa biblioteca de pontos, para que eu possa setar 2 pontos sendo eles o ponto onde os Slides irão aparecer e outro aonde irão aparecer os botões com número do slide.

var Status:Boolean = true; // Status de clique
var numSlides:Number =5; // número de slides
var current:Number=0; //slide atual
var i:Number = 0; //contador
var numbers:Point = new Point(10,180); //ponto de início dos menus
var slidePos:Point = new Point(0,0); //ponto de inicio dos slides

Alguns defines comentados.

function criaNumbers(numMenu:Number){
    for(i=1;i<=numMenu;i++){
    _root.attachMovie("menuElement","Element"+i,_root.getNextHighestDepth());
    _root["Element"+i]._x=(numbers.x)+(25*i);
    _root["Element"+i].name=i;
    _root["Element"+i]._y=numbers.y;
    _root["Element"+i].elementNumber.text=i;
    _root["Element"+i].onPress = function(){trans(this.name);}
    }
}

Função que vai criar nosso menuzinho, faz nosso contador incremenetar até o numero desejado(no caso 5) então cria um novo movie para cada slide. eu deixei como default o nome dos menuzinhos como "menuElement"(Elemento do Menu); setei o seu parametro name para passar pra função "trans" o seu número ^_^

function trans(transAtual:Number)
{
    if(Status==true){
if(current==0)
{
attachMovie("Slide"+transAtual,"Slide"+transAtual,_root.getNextHighestDepth());
_root["Slide"+transAtual]._alpha=0;
_root["Slide"+transAtual]._x=slidePos.x;
_root["Slide"+transAtual]._y=slidePos.y;
_root["Slide"+transAtual].alphaTo(100,2);
current=transAtual;
Status=false;
setTimeout(function(){Status=true;},1000);
}
else
{
_root["Slide"+current].alphaTo(0,1);
setTimeout(deletaMC,1000,_root["Slide"+current]);
attachMovie("Slide"+transAtual,"Slide"+transAtual,_root.getNextHighestDepth());
_root["Slide"+transAtual]._alpha=0;
_root["Slide"+transAtual]._x=slidePos.x;
_root["Slide"+transAtual]._y=slidePos.y;
_root["Slide"+transAtual].alphaTo(100,2);
current=transAtual;
Status=false;
}
    }
}

Aqui está a mágica ! Não repare na bagunça, não estruturei nada nem otimizei a função, está apenas funcional. Primeiramente ele testa o Status para ver se você pode clikar Depois teste se é a primeira vez que está a usar ou seja current=0; se for então ele apenas faz aparecer o slide selecionado; senão ele faz primeiro desaparecer o slide atual e depois faz aparecer o proximo slide. poderia até ser adicionado 1 delay entre as transições pra n ficar um em cima do outro mas o seu site de referencia não tem esse delay então não me preocupei com isso. após desaparecido o slide atual removemos o Movie com a função deletaMC;

function deletaMC(mc:MovieClip)
{
    mc.removeMovieClip();
    Status=true;
}

Aqui deletamos o movieClip que ficou invisivel, e setamos o Status para positivo ou seja, poderás clikar novamente em algun numero :)

criaNumbers(numSlides);

Executamos nossa função;

Em funcionamento : Slides Fotos.html

Código fonte: Slides.fla

Obs* É necessário ter o plugin mc_tween2.as instalado, caso não tenha, pegue aqui:Mc_Tween Version 2.28.29

Obs2*Não foram colocados preloaders no entando podem ser facilmente ajustados ao código;

Bom é isso

Espero que isso o tenha ajudado em algo e não apenas lhe confundido mais.

qualquer duvida é só postar;

E perdoe meus homicidios gramaticais ^_^

Abraços

Pooh

Editado Abril 19, 2009 por Pooh

[charlimbraw]

boua pooh muito bom o tuto.

o link do .fla ta quebrado. mais pelo tuto da pra desenrrolar.