MX Masters

15/02/2009 - 12:39 > 34.843 Visualizações > 76 comentários

Scroll de fotos com Action Script

6 votos

Olá Pessoal, Michel Araújo com mais uma vídeo aula para o site MX masters. Nesta aula, irei falar um pouco sobre o Flash. Iremos aprender a desenvolver um esquema de marquee com fotos, onde ela irá passar continuamente por conta do loop e quando passado o mouse por sobre a foto, o marquee irá parar. Quando clicado na foto, irá abrir a foto em destaque.

Bom aprendizado!

Posts relacionados

Admin

A equipe MX é composta por administradores completamente qualificados responsáveis pela atualização diária do portal MX masters e seus sites afiliados.

Outros posts deste autor

Este autor atualmente possui 207 posts

Veja todos os posts de Admin


Comentários / Deixe seu Comentário

76 respostas para 'Scroll de fotos com Action Script'

  1. Julio CoronelNo Gravatar Diz:
    15/02/09 às 13:16

    Michel, sua vídeo aula é perfeita, muito bem explicativa.
    Sempre quis aprender esse lance de imagens passar continuamente.
    Está de parabéns mesmo!

  2. andreiNo Gravatar Diz:
    15/02/09 às 13:33

    muito bom esse tutorial bem explicado e bem legal…parabéns!!!!!!!

    abçs

  3. CarlaNo Gravatar Diz:
    15/02/09 às 16:21

    Eu queria mesmo saber como fazer isso!! Adorei sua vídeo-aula, muito bem explicado! Valeu Michel! =)

  4. Fábio FontanaNo Gravatar Diz:
    15/02/09 às 16:48

    Parabéns esse é um exemplo de didática, simples, rápido e muito bem explicado.

  5. ThiagoNo Gravatar Diz:
    15/02/09 às 17:03

    Oi Michel: Vídeo aula perfeita. Meus parabem. Aula bem detalhada, ensinando passo a passo. Achei o efeito simplemente dez. Espero que continue sempre nos presenteando com estas super vídeo aulas. Uma dúvida: Posso fazer este efeito com o Flash CS3?
    Abraços

  6. Fabricio JuniorNo Gravatar Diz:
    15/02/09 às 18:40

    Otimo tutorial, Esse foi um dos mais bem explicados que eu ja vi, para Flash.

    VLWW, continue “dando video aulas ” :F.

  7. AntonielleNo Gravatar Diz:
    16/02/09 às 10:49

    ficou massa…poderia ter coloca as fotos pra aparecer em cima das imagens pequenas ou seja na mesma página..através de load movie mais ficou nota 10..flwwwww

  8. Ricardo LimaNo Gravatar Diz:
    16/02/09 às 12:02

    Muito concordo com amigo ai uma das video aula + bem explicadas em FLASH.

    Eu queria saber e a idéia de como ia ser passando o mouse pra esquerda e direita e ir movendo entende. Mas parabéns abs.

  9. Jackson UedaNo Gravatar Diz:
    16/02/09 às 15:03

    Mtoo bom =D
    Parabens :D
    cara nao tem outro jeito para as fotos abrirem ao inves de ser em outra janela?
    Vlws, continue assim =]

  10. AlexandreNo Gravatar Diz:
    16/02/09 às 15:57

    Kracas, muito boa essa vídeo aula… meus parabéns!

  11. Fabio OliveiraNo Gravatar Diz:
    16/02/09 às 17:07

    Michel

    Muito boa explicação.

    Gostaria de saber se quando esta animação for incluida no Dreamweaver sofre alguma mudança ou se tem de fazer algum outro procedimento ante de importar.

    Obrigado

    Fabio

  12. Paulo HenriqueNo Gravatar Diz:
    17/02/09 às 0:33

    Certo…
    Ficou muito bom o exemplo.

    Cada vez mlhor, vou procurar aprender mais sobre flash, sei apenas o básico.

    Fiquem com Deus.
    abraços.

  13. ValmirNo Gravatar Diz:
    17/02/09 às 2:38

    Muito boa sua video aula, Parabens.
    Ja estou nas espera da próxiima aula.

    Abçs

  14. Rafael de MelloNo Gravatar Diz:
    17/02/09 às 9:27

    Muito show! Parabéns pela ótima vídeo-aula!!!

  15. NaNdO VARGES / 25 / Cândido Sales - BANo Gravatar Diz:
    17/02/09 às 9:56

    muito boa video aula, gostei!!

    mas keria saber da galera ou ateh de vc mesmo Michel:

    me manda um tutorial ou algom do tipo, pra eu fazer um painel em flash tipo desse site http://www.lojadistak.com.br que tem akeles links em baixo e tal, so keria esse sistema.

    desde jah agradeço!!

    >>

  16. Diogo - Barra do Garças - MTNo Gravatar Diz:
    17/02/09 às 13:25

    O cara é bom! Parabéns pela aula, jah estou pensando em algum lugar em um site para colocar em pratica o que aqui foi ensinado!

  17. Denis NunesNo Gravatar Diz:
    18/02/09 às 15:08

    show de bola a video mto bem explicada

  18. EduardoNo Gravatar Diz:
    18/02/09 às 22:31

    uma dúvida, será que nao existe uma maneira de se criar somente uma action pra pegar o número q tah no ícone(foto pequena) e abre a foto grande que tem aquele msm número? se puder, acho q seria uma solução ligeiramente melhor, pq bastaria vc adicionar fotos na pasta e nem precisaria modificar o AS.
    Show de bola a vídeo-aula! será que nao tem como lançar uns vídeos no estilo ‘Actionscript para iniciantes’ ?

    abraços

  19. Altemir PimentelNo Gravatar Diz:
    19/02/09 às 15:54

    To com um probleminha , eu uso o flash cs3 e naqela parte onde tem que clicar em “create classic tween” (acho que é em 4:10s)no meu nao aparece so aparece “create shape tween” e “create motion tween”, eu notei uma coisa e que vc usa o cs4 sera que tem alguma coisa a ver??
    A AULA É MUITO BOA PARABENS

  20. Michel AraújoNo Gravatar Diz:
    19/02/09 às 19:11

    Agradeço a todos os comentários ^^
    Este efeito pode sim ser feito com qualquer versão do flash. Para importa-lo paro o DW, basta ajustar o palco do flash pro mesmo tamanho da animação, e importar normalmente. Para quem usa versões anteriores ao Flash CS4, escolha o Motion Tween.

    []’s

  21. Ph - XNo Gravatar Diz:
    22/02/09 às 12:02

    Nossa Michel, este tuto me auxilio pra caramba viw…
    To fazendo um projeto de Eventos/Dj’s, isso vai ser uma coisa q vou por em prática =).

    Abraçãoo e parabéns.

  22. israel castiel / cuiabá- mtNo Gravatar Diz:
    22/02/09 às 23:50

    Muito bom
    seria melhor ainda
    aplicar um efeito de máscara
    em um vídeo
    fica ai registrado
    minha sugestão até mais…

  23. dyegoNo Gravatar Diz:
    23/02/09 às 20:44

    muuuito legal essa video aula parabens cara! ai so faltava agora colocar umas setinhas do lado pra passar manualmente!!! hehehehe, ai ja fica mais complicado

    flW

  24. lucasNo Gravatar Diz:
    27/02/09 às 16:37

    Vida Loka …. essa video aula, parabéns

  25. Davi OliveiNo Gravatar Diz:
    3/03/09 às 10:14

    Curti muito! Parabéns. Gostaria de saber como faz pra ele abrir na mesma pagina quando clicado, tipo, ele abre um quadrado projetado à frente do site desfocando parcialmente o fundo (não sei se captaram a idéia :D ). Creio que ficaria legal, taí uma boa sugestão de video-aula hehe.

  26. danteNo Gravatar Diz:
    3/03/09 às 19:17

    muito bom, porem a imagem não para no meu :(

  27. RenataNo Gravatar Diz:
    4/03/09 às 18:44

    A minha duvida eh so uma…
    no caso, eu nao quero q as imagens abram em outra pag, qro q abram num espaço acima delas..ainda na msm pag…
    como faço?

    obga

  28. HigorNo Gravatar Diz:
    4/03/09 às 23:24

    massa vei, bem explicada

  29. paulo cesarNo Gravatar Diz:
    5/03/09 às 22:32

    por que quando eu cliko nas fotos da falha no carregamento
    ante de tudo agrdeço obrigado

  30. Luciano AndradeNo Gravatar Diz:
    9/03/09 às 18:27

    Sem comentários! Aula Excelente! Eu ainda não ví nenhum conteúdo do MXMASTERS que seja ruim, muito pelo contrário! :)

    Todos estão de Parabéns! :)

  31. Kleber MenezesNo Gravatar Diz:
    14/03/09 às 11:50

    o video nao está funcionando rapaz precisaria deste tutorial pois estou precisando fazer algo parecido na minha empresa.
    se poder resolver agradeço. valeu

  32. Felipe CardozoNo Gravatar Diz:
    14/03/09 às 14:39

    Kleber, boa tarde!

    O vídeo está funcionando sim! Teste seu navegador, atualize-o, atualie seu Shockwave, Flash Player, etc…

    []´s

  33. CarlosNo Gravatar Diz:
    16/03/09 às 21:22

    Minha primeira experiencia com flash e deu certo.
    E o mais curioso, é que eu realmente estava procurando por esta animação. Muito obrigado.
    Michel Araújo, você poderia me dizer como faço pra passar o mouse em cima da foto e abrir um menu com a descrição da mesma. Outro detalhe seria criar botões, que seja possivel alternar a direção das fotos. Abraço e muito obrigado de novo!!!

  34. CarlosNo Gravatar Diz:
    29/03/09 às 21:30

    Será que alguem saberia responder a minha duvida?
    Abs

  35. Gildvan ArleyNo Gravatar Diz:
    9/04/09 às 18:56

    Gosto muito das aulas nota 10 todas elas mais gostaria de baixa as video aulas. naum tenho net a toda hora aqui ai fica muito dificio aprender assim . oks vlw araço atodos ^^

  36. Murilo BritoNo Gravatar Diz:
    14/04/09 às 23:33

    Show de bola a video aula, más acho que tô viajando em algo, quando clico na foto ela não abre. Ja salvei na mesma pasta das fotos e nada. O que será que ta acontecendo??? Agradeço desde já se puder me responder!!!

  37. Murilo BritoNo Gravatar Diz:
    17/04/09 às 1:06

    Olá Michel, achei muito boa essa sua video aula de scroll de fotos, más só queria pedir se possível pra você fazer essa aula com a foto abrindo num quadrado embaixo do scroll ao invés de abrir numa nova página. Pra abrir tipo daquela aula da galeria de fotos. Quebra esse galho amigão, já quebrei a cabeça tentando fazer a junção das duas aulas más nao consegui. Agradeço!!!!

  38. luanaNo Gravatar Diz:
    29/04/09 às 16:48

    parabens Michel!!!
    era justamente isso que eu estava procurando. me ajudou d++++!!!
    uma sugestao, como muitos estao pedindo, e eu tbm quero aprender.. uma video aula c/ as fotos abrindo na mesma pagina.
    obrigada.

  39. Lucas FerminoNo Gravatar Diz:
    1/05/09 às 16:18

    muito show
    eu fiz o que to mostro igualzinho mas
    qndo passo o mouse por cima naopara o slide

  40. Diego CavalcanteNo Gravatar Diz:
    11/05/09 às 23:27

    Parabens Michel, obg pela video aula, tava precisando mesmo dela, e só encontrei ela aki no mx, congregatulation, acho que é assim que escreve, rsrrs, aabraços.

  41. wallax Matos/ Porto Seguro BANo Gravatar Diz:
    17/05/09 às 12:07

    COMO SEMPRE MICHEL VC TA DE PARABENS CARA,
    E OBRIGADO PELA VIDEO AULA ISSO AJUDA MUITO
    ………………………………………………………………………….

    WALLAX MATOS>>> MX DESIGNER<<<<

  42. LaecioNo Gravatar Diz:
    26/05/09 às 12:19

    Cara muito massa a video aula..vou aproveitar bem esse efeito..mas queria saber como faz pra a imagem que clicar aparecer foto maior em uma janela no proprio flash sem navegador..

  43. LaecioNo Gravatar Diz:
    26/05/09 às 12:21

    navegador html..eu quis dizer..ficar um arquivo só.

  44. CrisNo Gravatar Diz:
    2/06/09 às 12:57

    Olá Michel,

    Gostei muito da video aula, e venho pedir o que muitos já pediram acima. Como faço para abrir a imagem na mesma janela,já tentei de todo jeito e não consegui nada… dá uma ajuda ai.

  45. IGORNo Gravatar Diz:
    13/06/09 às 16:40

    Olá!

    Gostaria muito de assistir essa video aula, mas não vi nenhum link na página para iniciar o video…como procedo para acessá-lo?

    Forte abraço e parabéns pela iniciativa.

    Igor

  46. DavidNo Gravatar Diz:
    14/06/09 às 20:08

    Nossa carinha…
    Você não tem idéia o quão essa video aula me ajudou, além de ser muito bem explicada, foi bem elaborada..parabéns…PS: Faça mais..

  47. IgorNo Gravatar Diz:
    15/06/09 às 15:07

    Infelizmente ainda não consegui ver. Baixei os arquivos, mas só visualisando-os tb não rolou. Será que poderias disponibilizar o video para download? Estou precisando muito desse artifício para terminar um projeto!

    Obrigado!

    Igor

  48. aparecido lindomarNo Gravatar Diz:
    17/06/09 às 9:00

    michel,parabens pelo otimo video que vc realizou, mas eu gostaria de saber como eu faço para uma foto abrir na mesma janela ao inves de abrir em uma nova,desta forma se a foto abrir na mesma tela ñ seria necessario sair da tela para visualizar a foto que o internauta quer ver.valeu e obrigado

  49. Antonio CezarNo Gravatar Diz:
    26/06/09 às 15:54

    Muito bom!

  50. wellingtonNo Gravatar Diz:
    18/07/09 às 14:05

    Karacas mano e a primeira vez que eu vejo uma video aula de flash e eu meu apaixonei por essa vide aula . Ai meus parabéns por esta aula.. Até breve!!!

  51. ThellNo Gravatar Diz:
    4/08/09 às 14:47

    muito show de bola Michel! Tá de parabéns mesmo!
    Nota Excelente!

  52. Beatriz AndradeNo Gravatar Diz:
    10/08/09 às 15:31

    Michel, video-aula perfeita!
    Muito obrigada!

  53. straussNo Gravatar Diz:
    2/09/09 às 13:18

    Parabéns, aula bacana só que tem um problema:

    Quando eu insiro esse scrool no meu site ele fica com uma margem grande cinza em volta.

  54. AllanNo Gravatar Diz:
    16/09/09 às 20:57

    Opa, ótima vídeo aula ;
    mas eu estou com um probleminha que não consigo resolver :( ;
    quando executo o .swf minha imagem fica piscando, e as imagens apenas piscam e não passam igual no vídeo.
    o que será que estou errando ?
    Abraços

  55. BrunoNo Gravatar Diz:
    27/09/09 às 23:22

    Muito bom o tuto, eu tinha um trabalho pra fazer e isso me ajudou muito, surgiram inúmeras idéias em torno disso.

    Obrigado, e parabéns.

  56. RossaliNo Gravatar Diz:
    30/09/09 às 16:07

    Maravilhoso!!!! muito obrigada….voce consegue explicar muito bem de uma maneira que qualquer pessoa entende….adorei!!!

  57. FelipeNo Gravatar Diz:
    8/10/09 às 11:17

    Muito boa a video aula.

    Eu queria saber como faço para quando a pessoa clicar ou passar o mouse em cima, em vez de abrir a foto em aba, amplia- la no site.
    É um efeito legal, e nunca achei nenhuma video aula desse efeito, ficaria mais ou menos como um dos menus do sire Mx, mas feito em flash.
    Obrigado.

  58. João marcosNo Gravatar Diz:
    14/10/09 às 22:00

    Muito legal,parabéns.

    Alguém sabe este efeito:
    Ao clicar na foto,vai abrir a mesma foto em tamanho maior mas em uma jenela personalizada,veja neste site:

    http://www.anadolmedia.nl/portfolio.html

    clique em qualquer imagem e veja a janela abrir.

    No flash cs3 ação script 2.0 como faço esta janela aparecer.

  59. spackNo Gravatar Diz:
    27/10/09 às 10:26

    cara eu nao consigo ver os videos em flash na minha maquina so roda os do youtube alguem tem alguma ideia do que pode ser?

  60. alessandroNo Gravatar Diz:
    30/10/09 às 15:49

    Oi meu chefe estou com um probrema serio fiz o scroll funciono maravilhosamente mas o site que estou fazendo é todo em flash e as paginas abrem em frames mas quando vou chamar o scroll a parte onde passar o maouse e ele para não afunciona gostaria de saber agora onde vou lançar o codigo para funcionar corretamente obrigado ate mais…
    Alessandro/DF

  61. Felipe CrazyNo Gravatar Diz:
    15/11/09 às 15:41

    João marcos, isso é feito em ajax, é um código, usado pra fazer esse tipo de coisa, mas não entendo muito dele, por isso não posso te ajudar.

  62. alanNo Gravatar Diz:
    20/12/09 às 19:03

    ow gostei pra caramba da video aula.
    só que queria aprende sobre como faze o scroll no fundo do site como esses de exemplos.
    http://www.leandroefernando.com.br/
    http://www.programaintruso.com
    se pudesse me ajudar eu agradeço mto.
    abraços.

  63. Rodrigo AugustoNo Gravatar Diz:
    16/01/10 às 11:33

    Ola salve salve, bem adorei acho q me tirou 80% das duvidas que eu tinha e ficou algo bem profissional e nd poluido. Gostaria de postar uma duvida tbem n sei se outros gostariam de usar-la caso seja sanado esta duvida. Quando eu clico em cima da foto a mesma abre em outra palheta do browser navegador padrao ok? gostaria de saber se a como ao inves da foto ser aberta em outra palheta do browser simplismente abra acima do menu em um espaço reservado para exibiçao da imagem. O mozila e um navegador muito bom mas mesmo optimizado ele ainda rouba muita carga da maquina entao se ficar abrindo em palhetas diferentes e um desatento clicar e clicar imagina ele n fechar as outras abas do navegador logo fica travando tudo na maquina dele.Teria como fazer isso abrir em um lugar reservado na mesma pagina? e colocar umX pra fechar a foto?

  64. BRITONo Gravatar Diz:
    9/03/10 às 4:56

    Mais uma otema video aula. Parabéns!
    Eu preciso de uma video aula sobre scroll de texto com imagem. O meu website nao esta finalizado por causa disso. Algumas paginas do tipo : VIDEOGRAFIA – que seria um screen/imagem do video clipe mais texto das informaçoes tecnicas.Ja testei varios tutoriais mais nao funfa. fica disconfigurado,embasado, nao sei explicar.

    Se alguem poder me ajudar. Eu agradeço!
    E se os moderadores permitirem , deixo aqui meu msn >>>>
    alanbritocampos@hotmail.com <<<<

  65. ME AJUDEMNo Gravatar Diz:
    22/03/10 às 15:04

    Eu achei perfeito a aulA! So que tenho uma duvida, pois eu tentei fazer o mesmo procedimento so que para fosse carregado a imagem na mesma tela atravez do loadmovie so que nao vai…alguem sabe me informar qual seria o As?

  66. José RobertoNo Gravatar Diz:
    22/03/10 às 18:35

    Nossa amigo assim vc faz, o flash parecer facil muitao bom essa video aula adorei t+

  67. Dyogo NascimentoNo Gravatar Diz:
    15/04/10 às 2:39

    Essa aula ficou show,nota 10 ^^
    Gostaria de saber se alguém pode me ajudar!
    Eu fiz um layout no FW,no flash fiz algumas animaçoes,agora eu junto tudo no FL e jogo pro DW?como que eu faço?
    cade o Felipe Cardoso?
    dsauihdiaushuhdsa
    sumiu
    abraço e obrigado pessoal

  68. julio cesarNo Gravatar Diz:
    4/05/10 às 21:42

    essa video aula é show de bola,mais so que eu estou apanhando muito na questão salvar,eu criei uma pasta em meus doc e salvo tudo la junto com as imagens so que naum funciona se puder publicar algo tipo como ensinar o caminho certo pra salvar o projeto.no mais muito obrigado, e ainda um dia vou plublicar aulas tbm sou fã do mx master.

  69. rafaNo Gravatar Diz:
    15/05/10 às 8:19

    a se eu manjasse 10% do q vc manja em flash hm… tava faliz

  70. SarahNo Gravatar Diz:
    21/05/10 às 14:21

    Parabéns! Ótimo tutorial para quem está aprendendo flash (como eu estou)!!

  71. DinhoNo Gravatar Diz:
    22/05/10 às 12:36

    Obrigado, estava mesmo precisando desse efeito.
    Continue sempre nos ajudando.
    Abraços a toda equipe.

  72. Yuri Marques SacramentoNo Gravatar Diz:
    26/05/10 às 10:26

    Gostei Muito da Video Aula!
    mais estou precisando que esse efeito não abra em outra aba e sim logo abaixo das imagens quer estão rolando!
    pq quer fazer uma Galeria de fotos que fique passando e na hora q clicar com o mouse a foto abre grande na parte debaixo q sera destinada as fotos!
    Aguardo resposta MUITO OBRIGADO

  73. CristianoNo Gravatar Diz:
    16/06/10 às 16:37

    Olá, mto bom seu tuto. Consegui fazer certinho.
    Maaaas, meu problema é o seguinte, preciso colocar as imagens de portifólio em um site. Assim, teria que funcionar dessa forma, as imagens iriam da direita para esquerda/esquerda para direita de acordo com o movimento do mouse em cima delas, e quado a imagem for clicada ela aparece na tela do site mesmo, com fundo esmaecido e a imagem em tamanho grande, e com a palavra ‘fechar’ em uma das extremidades da imagem, que qdo clicada voltaria a animação das imagens. Agradeço a ajuda se possível. Obrigado

  74. DiogoNo Gravatar Diz:
    25/06/10 às 16:31

    Parabens !

  75. IgorNo Gravatar Diz:
    10/08/10 às 11:55

    Olá equipe do MXMASTERS …… estou qui para fazer um pedido bem simples ! Gostaria que vcs publicassem uma vídeo aula ensinado como fazer um slide igual aquele que aparece na coluna da DIREITA do site de vcs o slide tem o nome de “NOSSOS CURSOS” em baixo do anuncio de publicidade eu rodei quase a internet inteira procurando algum tipo de tutorial em flash e nada só achei em jQuery ….. em fim aquele efeito de transição é mto show …. o mesmo slide existe no site da STEAM ( http://store.steampowered.com/ ) parece bem simples =\ , estou precisando mto de um slide desse tipo se for possível teria como vcs publicarem essa vídeo aula ? ou mandar algum site que ensine em FLASH ? AGRADEÇO DESDE JÁ !

  76. David CHCNo Gravatar Diz:
    10/08/10 às 12:45

    @Igor, esse efeito, se chama carrossel, e foi feito utilizando jQuery ( tem uma video aula minha ensinando como fazer). Em flash, eu encontrei esse link (inglês):

    http://www.flashxml.net/3d-carousel-menu.html

    Tem esse site, com video aulas, só q é em inglês:

    http://www.gotoandlearn.com/

Deixe seu Comentário

Publicidade

www.mxmasters.com.br - todos os Direitos Reservados : Desenvolvido com Wordpress

Desenvolvido por David CHC e Felipe Cardozo