Flash download: Carrossel XML, com todo o código comentado

Flash download: Carrossel XML, com todo o código comentado

Praticamente tudo o que aprendi de Flash foi estudando exemplos e recorrendo à documentação AS. Não fossem as pessoas que gentilmente disponibilizam seus arquivos e exemplos em sites como o kirupa, flashkit e tantos outros, as coisas teriam sido bem mais difíceis.

O mínimo que posso fazer para retribuir é também ajudar quem está começando ou procurando informações sobre um ou outro efeito. Por isso vou começar a postar alguns exemplos aqui, compartilhando um pouco do que eu sei, não que eu saiba muito, ainda tem bastante coisa pra aprender, sempre tem.

Bom, depois desse início chato, segue o primeiro exemplo:

Flash Download : Efeito Carrossel, via XMLEste é um carrossel bastante simples, todas as informações são importadas de um XML [imagens, tooltip e textos] facilitando a edição e aplicação. O tamanho do filme [largura e altura] também pode ser modificado facilmente, assim como o tamanho de cada um dos elementos. O texto suporta acentos e pode ser bastante extenso. E o código está completamente comentado, linha por linha. Pra quem já tem intimidade pode ter ficado excessivo, mas, como disse, é pra quem está começando.

Faça o download do ZIP com XML, FLA e imagens. (Flash CS3).
[Update] Salvei também uma versão em Flash 8.

Como alterar o background

Mesmo sendo um pouco contra essa facilidade toda, afinal de contas disponibilizei o download desse arquivo para incentivar as pessoas a estudar, procurar entender como ele funciona e se aprimorar em ActionScript, e já que tanta gente pediu, segue aqui um passo a passo de como alterar o background do Carrossel. É muito simples, siga estes passos:
- basta abrir o arquivo .fla;
- abrir o painel da Library (Ctrl+L);
- clicar duas vezes sobre o símbolo da imagem de fundo (bg.png);
- clicar em “Import” e selecionar um novo arquivo;
- salve seu arquivo (Ctrl+S) e exporte-o (Ctrl+Enter).

Preciso de um carrossel flash customizado urgente para um projeto!

Algumas pessoas tem me enviado emails desesperadas porque precisam adaptar o carrossel para o seu projeto e não sabem como fazer. E claro, geralmente estão em cima do prazo. Nesse caso fazer o download desse arquivo talvez não seja a melhor opção, pois se você não tem intimidade com o Flash pode demorar para customizá-lo até chegar ao resultado ideal.

Se você está nesse dilema sugiro que pare de sofrer procurando em um milhão de lugares por um carrossel grátis (que vai te consumir horas de customização) e vá direto ao ActiveDen.

Para quem não conhece, o ActiveDen é um marketplace (uma loja se vc preferir) online de itens e componentes Flash para desenvolvedores, São milhares de arquivos, inclusive vários modelos de carrossel. Todos são revisados por profissionais antes de serem disponibilizados, o que garante a sua qualidade .Além disso os arquivos jã são desenvolvidos visando a customização e vem acompanhados de documentação explicando como editá-los. Os preços variam de $4 até $40 para os itens mais complexos. O pagamento pode ser feito com cartão de crédito de forma segura via Paypal.

Vale a pena dar uma olhada, provavelmente você encontrará boas opções por lá. Se quiser dê uma passada também pela minha página.

Você gostou deste post?

  • rafael

    Boa tarde,

    Por favor, como faço para redimensionar a imagem?

  • http://www.toprated.com.br Dom

    Oi Rafael,

    Basta ir até a Library e editar o símbolo “item” deixando sua largura e altura no tamanho desejado. Depois, no código actionscript, procure a linha “var tamanhodoelemento = 128; //largura de cada elemento” e altere o tamanho para a nova largura.

    Abraço,
    Domênico

  • Ramon

    Amigo, tenho o Flash 6.0(MX), nao consigo abrir! Qual a versao preciso ter?

  • http://www.maximoweb.com.br Julio Cesar

    Em que versão foi salvo o arquivo?
    Pois estou tentando abrir no flash 8 e está dando formato inválido.

    Saudações

  • http://www.toprated.com.br Dom

    Olá Júlio Cesar e Ramon,
    O arquivo foi criado no CS3. Caso precisem, salvei também uma versão em Flash 8:
    http://www.toprated.com.br/carrossel/flash-carrossel-v8.zip
    abraço!

  • Cristiano

    Boa noite Domênico.
    Como faço para fazer tipo orbita com as fotos. Ao invés de passar para direita e esquerda.

  • Jeremias

    comofaço para colocar as imagens chamando videos no lugar de texto?

  • http://www.toprated.com.br Dom

    Oi Cristiano,
    O segredo está em alterar a posição das fotos usando seno e co-seno. Em breve tentarei fazer uma versão dessa maneira e disponibilizar aqui, mas ando sem tempo. Dá uma procurado no google, com certeza você achará algo.
    abraço!

  • http://www.toprated.com.br Dom

    Jeremias,
    É possível fazer, basta colocar uma ação diferente no botão das thumbs, para abrir o vídeo. Infelizmente as coisas estão corridas nesse final de ano, não vou poder aprofundar a resposta e te mandar. Fico devendo essa.

    abraço,

  • http://rafael-lopes21@hotmail.com jonathon roges

    Dom queria muito ,mas muito mesmo que vc me encinase como vc fez aquele menu ” tag cloud”
    pois achei magnifico dava pra me passar o codigo comentado porfavor VC PODERIA ME DAR ESSA AJUDA?
    JA DIVULGUEI SUA PAGE PRA MEUS AMIGOS nós estudamos programação na ufrpe, ainda estamos na linguagem c e c++ mas porfavor me passa como vc fez isso, acredite quero muito aprender obrigado pela atenção fera…

  • http://rafael-lopes21@hotmail.com jonathon roges

    nossa aqui vai meu email e tambem o orkut add porfavor estou agardando sua resposta atenciosamente “EU”

  • http://rafael-lopes21@hotmail.com jonathon roges
  • http://rafael-lopes21@hotmail.com jonathon roges
  • http://www.toprated.com.br Dom

    Oi Jonathon,

    Cara, sinto muito te decepcionar, mas eu não programei a tag cloud aqui do Top rated :). Na verdade, trata-se de um plugin para WordPress chamado WP Cumulus. Eu apenas o instalei.

    Se quiser, dá uma olhada na página do Plugin: http://wordpress.org/extend/plugins/wp-cumulus/
    Você pode também tentar entrar em contato com o desenvolvedor: http://www.roytanck.com/2008/03/15/wp-cumulus-released/

    Espero ter ajudado,
    Grande abraço e boa sorte

  • http://rafael-lopes21@hotmail.com jonathon roges

    mas como eu faço para usar?
    ele é um plugim do flash cs3 ? e o que preciso para o publicar no meu site?
    vc poderia me dar uma rapida dica de como e adiciono o plugim tipo diretorios pastae como eu utiliso, desculpa o encomodo mas achei muito massa vlw,,,,,,,,,

  • Gugasponja

    Bom dia Campeão, é o seguinte:
    Gostei muito dos seus trabalhos e sou iniciante em flash, fiz três sites e não consigo colocá-los em tamanho máximo de tela. Como faço pra colocar os sites preenchendo o máximo da tela?

    Posso te fazer outras perguntas?

  • Robson

    Tem como colocar esse caixa de texto acima das imagens??? porque estou alterando algumas coisas aqui e a caixa mostrando o que são cada imagem está ficando atraz dos objetos, porque abaixei ela para dar certo com que venho fazendo.

    Desde já agradeço!

  • Clewerson

    Como posso publicar esse exemplo numa pagina aspx?

  • http://ww.blackeyedpeas.com wellington

    Hey cara achei muito bom esse negocio aí, é ótimo pra colocar pequenos releases em sites!
    quero saber se eu posso usar esse em algum dos meus Blogs?
    abraço!

  • Carlos

    dom gostaria de saber se tem como colocar ao inves so do texto, texto com imagens e talvez videos

  • ezequiel

    olá,no momento que eu clico no elemento que esta se movendo e abre a nova cena com a descrição do elemento,é possivel modificar o tamanho da imagem naquela cena?se for possivel gostaria de saber o ponto do código a.s.pois não identifiquei tamanho algum dos elementos,apena o elemnto principal,que o cujo tamonho é de 128 por 128,grato esse menu é valioso..gera muita credibilidade..

  • http://www.myspace.com/mementodesign André Rodrigues

    Cara, seu flash é praticamente PERFEITO!

    Me amarrei nele muita coisa… mas to tendo um pequeno problema…

    Como fazer para no texto do CONTENT ter links, ou seja, eu ativei no flash lá na caixa de texto do content aquele botão que diz pra “renderizar como html” mas se eu tento colocar qualker tag html no content, ele não aceita… nenhuma, nem um ele aceita…

    Tem como resolver isso?

    Obrigado desde já, parabéns pelo flash e um grande abraço!

    André Rodrigues

  • Fabiana

    Amigos, como posso usar este script, fazendo com que a foto que clicar possa aumantar mas, para frente?

  • http://Nopossuo!!??!! Nei Decanio

    Busco orientação, é possivel colocar um menu com efeito carrosel em uma apresentação PPT.

    Grato.

  • http://www.filhosdanoite.com Fernando Veras

    Gostei muito do tag cloud, fiz o download, mas não sei como postar vc poderia dar essa dica?
    Ah show o menu carrosel vou tentar aplicar ele no meu site.

  • neurivan maia

    Julio césar, o arquivo fla abre tambem no flash css4 professional. ok!
    um grande abraço

  • http://www.compunet.com.br Domingos

    Como faço para substituir o background?
    Grato
    Domingos

  • Daniella

    Olá, Domênico!Td bem?
    Adorei este flash, já baixei, modifiquei muitas coisas para que fique com a cara do site em que vou colocar, mas se vc puder me ajudar em só + uma coisinha, como faço para colocar links nas imagens que estão rolando?

  • http://phdoctors.wordpress.com Stefan Yohansson

    opa opa. ;~

    gostaria de lhe perguntar, como é possivel redimensionar a foto que ele carrega do xml, no caso a imagem. Ali em cima você ensina a editar o tamanho do elemento, mas caso eu use uma imgem de 800×600, como eu ajusto ela no elemento, redimensionando-a?

    Desde já, obrigado.

  • Jean

    cara vlw mesmo, ganhei a vaga em uma empresa com essa ajuda q vc deu, como posso manter contato com tu?!

  • http://www.axeite.com joaquim duarte

    boa tarde

    alterei o tamanho das fotos mas não consigo acertar com a barra rolante porque nessa barra a 1ª foto só aparece metade, será q as fotos têm de ter 1 tamanho especifico?

    obrigado

    jd

  • http://www.axeite.com joaquim duarte

    olá

    Há um problema com a barra de deslocamento. Do lado direito não acerta sempre no mesmo sitio. Se puxar várias vezes a barra para a esquerda acontece que a última foto da direita vai parando cada vez mais dentro!

    gostava que verificassem isso se pudessem

    cmpts
    jd

  • http://www.ulbra.br Julio Andrade

    olá pessoal

    alguém sabe a condição para que as fotos fiquem em looping ??

    obrigado

    jcna

  • Roger

    Olá,

    Tenho a mesma dúvida do amigo Julio Andrade logo acima.

    Não tenho conhecimento de Flash, mas gostaria de saber como fazer para que as imagens já iniciassem correndo e também ficassem sempre em movimento horizontal.

  • http://www.artesuprema.com.br Ricardo

    Olá Domênico, muito legal o carrossel que vc dispobilizou, eu baixei e estou fazendo minhas implantações e senti uma falta que não consigo resolver. Nos detalhes de cada ítem eu gostaria de colocar um link para a pessoa poder visitar e não somente retornar ao carrossel, mas não estou conseguindo, gostaria que me ajudasse dando uma dica.

    Abraços e Parabéns

  • Darllei

    como faço para botar um background?

  • http://www.teiawebdesign.com.br Paulo Henrique

    Olá,

    Sei que os post daqui são de 2008, mais quem sabe alguem ainda confere as duvidas e possa me ajudar.

    Adorei esse flash, tudo muito bem feito e funcionando perfeito.

    So queria como faço pra acentuar o título (Tooltip).

    Ja vi varios codigos por ai mas nenhum deles funcionam: Alguem tem alguma outra dica?

    Os codigos que ja testei são os:

    <![CDATA[João]]>

    System.useCodepage= true; (no flash)

  • http://www.teiawebdesign.com.br Paulo Henrique

    Não deu pra postar os codigos, deve ta bloqueado.

    Araços

  • http://www.lynxeventos.com Claudio L. Belem

    Gostei muito do carrossel Domênico, porem gostaria de saber como faço para trocar o background e também a frase que esta no exemplo que baixei.

    Abraços e Parabens

  • http://estudiotri.com.br Marcio Santos

    Olá preciso de uma ajuda neste tuto… Gostaria que o scroller tivesse um tamanho fixo, mas não estou conseguindo fazer isso!!
    Deveria ser nessas linhas do codigo, mudei a “largura” pra 552 que é o tamanho que preciso, mas nao esta fixando.

    var largura = Stage.width; //largura total do scroller

    Dai tentei tambem criar uma mascara, mas tambem nao deu certo, porque o “elemento”, esta vindo da biblioteca.

    elemento.setMask(maskG);

    Ajudem-me
    Obrigado.
    Marcio Santos

  • http://estudiotri.com.br Marcio Santos

    Olá Domênico, aguardo sua resposta, por favor!! ou entao alguém que possa me ajudar!!!
    obrigado.

    Ajudem-me
    Obrigado.
    Marcio Santos

  • http://www.barnys.xpg.com.br Everson Bernardes ( Barnys )

    Ja faz algum tempo que venhoaprendendo a faze r meus propios sites porem estes dias me deparei com um efeito em flash que me deu vontade de volta ra me familiarizar com o Flash8 ai baixei um exemplo de carrocel so que em forma de mandala, não serviu pra minha aplicação e perdi o caminho da library que ficava ao lado dir. complicou não sabia editar as os framsets, ai digitei no buscardor carrocel em flash e apareceu esta pagina cara obrigado seu exemplo é o ideal para o que preciso e ainda por cima sua dica ctrl + l tchantchan apareceu o library, ganhei o dia.

  • http://Seuwebsite anderson

    cara muito obrigado vc manja muito vlw
    é q eu manjo mesmo de Fireworks e PhotoShop e Dreamweaver Coreldraw
    sou estudante do curso técnico em informática alguma duvida só pergunta…
    blz

  • http://emdesenvolvimento vando

    Baixei o fla e editei tudo…ta rodando sussa….mas eu gostaria de colocar um link pra quando abrir a imagem clicada, se clicar sobre a imagem fosse direcionado a uma URL (blank) é possivel?????

  • http://www.itaberaishopping.com.br marco

    Aeeee valeu pelas dicas, ainda bem que existem pessoas como vc, que nao se preocupa so em ganhar dinheiro, e sim tambem passar o seus conhecimentos para os outros.

  • http://www.nataliaavila.wordpress.com natalia

    Dom parabens! Esse foi o melhor artigo em flash que ja encontrei na internet ate hoje o codigo esta muito facil de entender ainda mais que esta comentado muito obrigada!

  • Fabrício Fernandes

    Parabéns por disponibilizar este artigo, o arquivo com certeza será mto útil para mim .. abraços!

  • http://www.ontrance.com.br celso

    ola amigo tudo bom

    Eu abaixei esse arquivo, fiz tudo ta otimo porem 3 coisa q nao to conseguindo

    1.inves de clicar e abrir texto, eu quero que ao clicar va para um site

    2. ao abrir tem como ele ser executado sozinho, pois eu percebi que o qdo passa o mouse

    3. E possivel qdo acabar as imagens ele volta ao contrario sozinho ou ficar dando volta.

    Obrigado pela ajuda

    Celso

  • http://www.escridata.com.br Lucas

    cara eu só não te dou um bj pq vc tá longe kkkkk
    obrigado
    nem sei como agradecer

    abraços

  • http://Seuwebsite Thais

    Cara, como eu faço para abrir no Flash MX(6.0)?

  • ledy

    amigo parabens pela iniciativa se mais gente fosse como vc talvez tudo fosse mais simples ….mais tem ums e outros que gostao de complicar acho que gostao de monopolio do saber .

  • http://www.digitalcert.com.br willian

    boa tarde!

    Domenico eu fiz td certo eu acho mas na hora que eu publico no site não aparece as imagens oque devo fazer para aparecerem pq na hora que fiz os teste deu tudo certo mas na hora que eu publiquei não deu aparece o carrossel mas sem as imagens, eu publiquei tudo as imagens o arquivo em flash. o xml mas nada me da uma ajuda por favor agradeço.
    abraço
    willian

  • http://www.digitalcert.com.br willian

    boa tarde!

    Domenico eu fiz td certo eu acho mas na hora que eu publico no site não aparece as imagens oque devo fazer para aparecerem pq na hora que fiz os teste deu tudo certo mas na hora que eu publiquei não deu aparece o carrossel mas sem as imagens, eu publiquei tudo as imagens o arquivo em flash. o xml mas nada me da uma ajuda por favor agradeço. e se tiver alguma informação sobre bancos de dados seria muito bom.
    abraço
    willian

  • Jeorge

    Boa tarde, por favor eu tô começando agora preciso de ajuda, eu queria saber como eu altero as imagens do CARROSSEL?

  • http://www.conexaomp3gospel.com Marcos

    Cara, só tem um problema no carrossel, ele não ler os Ç.. tem como vc corrigir?

  • ERICK

    CARA MUITO BOM ESSE FLASH, SO TO COM UM PROBLEMA, NÃO CONSIGO UTILIZA-LO. CONSIGO INSERIR MAS ELE NÃO REPRODUZ NA PAGINA

  • http://wseycinegames.blogspot.com/ wsey

    oi

    eu tenho um menu em flash ele tem três arquivos o arquivo fla ,arquivo xml e o arquivo swf.

    como faço para por ele em um site ou blog.

    bom aonde o meu site esta hospedado não tem como ospedar men um dos dois arquivos.

    como faço para ele funcionar em um site ou blog.

    eu ja hospedei os dois arquivos o arquivo xml e o arquivo swf em outro servidor,
    preciso por esse menu no meu site. como fazer ele aparese no meu site e fumsionar .

    eu andei pesquisando encontrei alguns codigos que fez ele aparece mas não funciona os efeitos nem nada so aparece.

    podem me ajudar ficarei grato!!?

  • http://Seuwebsite Priscila

    Parabéns pela iniciativa de disponibilizar esse tipo de conteúdo e tantas dicas úteis … pessoas como vc sempre terão sucesso … continue assim!

  • Wellington corderio

    NÃO CONSIGO UTILIZA-LO. CONSIGO INSERIR MAS ELE NÃO REPRODUZ NA PAGINA

  • http://Seuwebsite alexsander

    Caro amigo Domenico estou com o mesmo problema que o amigo Willian ai em coma eu alterei o bg tudo certinho alterei as imagens do carrossel pelo xml e upei o swf+xml mais a pasta com as imagens do carrossel alteradas aki esta o resultado final http://darkwolf.hd1.com.br/Carrocel/carrossel.swf porem quando publico no site aonde quero que apareça ocarrossel completo só aparece o bg mas as imagens não o que devo fazer para concertar aki vai meus msnse puderes me ajudar ficaria muito grato
    alexsander.28@hotmail.com desde ja fico muito grato abraços

  • http://www.piccolinofestas.com.br leandro

    quando publico ele não aparece, somente o logo aparece, como faço para publicar corretamente

  • Hjnjnjsd

    poxa cara naum entendo, mas como se colocar isso em um site vc naum disse

  • marcelo frazao

    muito bom parabéns estou começando um portal de anuncios e gostaria de saber como fazer um banner carrosel para colocar as artes dos anunciante em baixo do meu banner de topo. e esse exemplo foi bem interresante.

  • Anonymous

    Olá Mauricio, vc conseguiu colocar o scroller no carrocel?  obrigado!!!

  • Kirdousame

    É possível vc disponibilizar para download os editáveis só que para Flash 8?
    Abraços e parabéns!

  • Dastdesigner

    E aí parceiro,eu adorei o carrossel, mas tem como adcionar mais de 10 imagens no carrossel, pois eu preciso por 50 logos no projeto, se puder me enviar por e-mail,eu agradeço muito.
    email: dastdesigner@gmail.com

  • Caranbi

    cara to com um problema to com uns sites a fazer mas deu um pau no meu flash
    não consigo colocar o codigo nos botões 
    aparece uma aba em cima  dizendo  actions-button mas não aparece o painel para inserir o codigo

  • Dione alves

    porquê não aparece nada quando está noi site???
    por favor me ajude.
    dastdesigner@gmail:twitter .com

  • Thiago Pinho

    Cara! muito show essa animação!
    Como eu faço pra carregar duas imagens para cada item? Sendo que uma estatica.

    Melhor dizendo, no lugar de aparecer texto no tooltip.. aparecer uma imagem referente ao item?

    tentei algumas vezes e não consegui.

    Abraço!

  • Anonymous

    Olá Domênico,

    Este tópico é bem antigo e a poucos dias implementei este carrossel no meu site, mas ainda existe uma dúvida que gostaria muito que o Sr. ajudasse. Acredito que é a dúvida de todos aqui e é a dúvida mais persistente.

    Como colocar link no conteúdo deste carrossel?

    Uma outra dúvida é colocar acentos nos títulos deste carrossel.

    Bom, espero que você ainda esteja acompanhando este site e respondendo os usuários.

    Desde já agradeço sua atenção e espero que resolva estas duas questões “ou pelo menos a questão do link” que é primordial.

    Abraços e meus parabéns pelo carrossel, é uma ótima ferramenta.