MX Masters

06/01/2009 - 11:38 > 37.944 Visualizações > 127 comentários

Galeria de fotos com XML

3 votos

Tomer Simis (1° colocado do desafio MX)
E ai galera do Mx Masters, meu nome é Tomer Simis e nesta video-aula para o desafio de aniversário do Mx Masters eu vou ensinar para vocês a como criar uma galeria de fotos com Flash e XML.

XML significa eXtensible Markup Language, é muito utilizada pelos programadores para desenvolver projetos mais dinâmicos, sem precisar abrir o Flash sempre que você queria fazer alguma alteração em algo. Vou ensinar também a como atualizar uma variável conforme clicamos em um botão, mostrarei os elementos de um XML e as condicionais if e else.

Espero que gostem da vídeo aula, fiz com muito amor =]

Baixar arquivos utilizados

Posts relacionados

Felipe Cardozo

É sócio diretor do MX Masters, portal de desenvolvimento especializado em vídeo aulas. Trabalha com ferramentas OpenSource como Wordpress, Magento entre outros, além de ministrar palestras em universidades do Rio de Janeiro.


Outros posts deste autor

Este autor atualmente possui 281 posts

Veja todos os posts de Felipe Cardozo


Comentários / Deixe seu Comentário

127 respostas para 'Galeria de fotos com XML'

  1. Thiago Retondar | 15 anos | São PauloNo Gravatar Diz:

    Uhhull fui o primeiro a ver!

    Muito bem explicado os código XML e ActionScript. Merecido o primeiro lugar.

    Movimento QTC:

    Quero
    Tomer Simis de
    Colunista

    Abraços.

  2. caio rodrigues-13 anos-spNo Gravatar Diz:

    parabens mereceu o 1°lugar
    muito bom :D

  3. Luã CarlosNo Gravatar Diz:

    boa… muito a video aula

  4. caio rodrigues-13 anos-spNo Gravatar Diz:

    muito bem explicado
    explico certinho muito bom mesmo vale dois comentarios meu
    otimo

  5. Thiago CostaNo Gravatar Diz:

    Muito boa a video aula, Parabéns

    Só faltou disponibilizar os arquivo de exemplo pra video aula :D

    Abraços.

  6. Vinicius Felix/18/MgNo Gravatar Diz:

    Mto bom Parabens msm…muito legal ..

    Futuro brilhante pela frente ..mais uma Vez Parabens..

    ABS!!

  7. Filipe Goes - 13 anos - SPNo Gravatar Diz:

    Muito boa a video aula,

    Reconheço que foi melhor que a minha… ;D
    Parabéns

    Vlew’

  8. Fernando Félix/24/Serra/ESNo Gravatar Diz:

    Parabéns Tomer Simis
    Merecidissímo 1º Lugar

    Felipão eu aderi ao movimento QTC…

    Abraços
    e parabéns Tomer

  9. Sergio AraujoNo Gravatar Diz:

    Excelente Video, concerteza ira ajudar a muitos que tem pouco conhecimento em flash assim como eu…

    Parabens pela conquista, continue assim

    ABS!!!

  10. JulioNo Gravatar Diz:

    Muito show essa aula… muito bem esplicado… parabens…. continue assim.

  11. Lucas CorrêaNo Gravatar Diz:

    Gostei da video aula do Tomer :D
    Mas acho q o segundo lugar só perdeu por sua postura :(
    ……

  12. Felipe CardozoNo Gravatar Diz:


    Pelo conjunto da obra, mereceu o 1° lugar!

    Parabéns!

  13. FernandoNo Gravatar Diz:

    Parabéns, muito bem explicado. Realmente passo a passo.Valeu!!!!!!

  14. Simba31No Gravatar Diz:

    ótima aula,
    obrigado por dividir seus conhecimentos conosco.
    abraços

  15. Marcio Ferreira 29/RJNo Gravatar Diz:

    Valew cara

  16. Marcel EvandroNo Gravatar Diz:

    Parabéns garoto!
    Aguardaremos mais video-aulas suas.
    Um ótimo 2009 pra vc!

  17. ErnaniNo Gravatar Diz:

    Olá;
    Não esta aparecendo a tela do vídeo. ok

  18. Lucas CorrêaNo Gravatar Diz:

    é possivel criar um site dinamico em flash???
    puxando o AC > xml > html > php ????

  19. GiancarloNo Gravatar Diz:

    Caramba muito boa a vídeo aula, e essa concerteza muita gente vai fazer um ótimo proveito!
    Só queria saber se tem como carregar as fotos para dentro do xml por uma página qualquer no internet explorer, sem que precise abrir o dreamweaver e colocar o codigo…tem como?
    gam2304@gmail.com
    Obrigado e Parabéns!!!! n_n

  20. parrudinhoNo Gravatar Diz:

    Vlw muito boa a aula e tambem legal escrevendo o codigo e falando sobre ele vlw

  21. LautaoNo Gravatar Diz:

    Muito boa essa videa aula.
    Show.

  22. ErnaniNo Gravatar Diz:

    Muito legal esta video aula.
    Explica super bem!!!
    Deve ganhar!!!!!!!!!!

  23. Wesley S. AraújoNo Gravatar Diz:

    É carinha, é isso mesmo, muito boa video aula, tenho que reconhecer que o primeiro lugar foi merecido gostei muito da video, é isso ai continue assim.

    Abraços e t+.

  24. Renan BelliniNo Gravatar Diz:

    Caracoliss mando super bem cara.

    Parabens pelo 1º lugar!

  25. Hugo LuiizNo Gravatar Diz:

    muito bom mesmo… show de bola bem explicado…
    Tomer Simis preciso falar com vc pega meu imail: hugo.l.z@hotmail.com
    também moro em PE Porto de Galinhas ahhhhhh bem pertim do Recife

  26. dyegoNo Gravatar Diz:

    nooooooooooooooooooooosa, muuuuuuito ultra mega boga isso, meu deus esse maluko é maluko pacas, se loko, explicou tudinho detalhe por detalhe, simpletente e totalmente exelente, parabens cara, so uma pergunta, quantos anos você tem?

  27. SérgioNo Gravatar Diz:

    Saudações !

    Conheci este site há uns poucos dias e gostei muito. Já aprendi alguma coisa com vc e sou grato por isso. Porém, como nada é perfeito tenho uma crítica a fazer. Caramba, e o resto da video aula ? fiquei na mão ! no melhor a aula é interrompida. Assim aconteceu tb com uma outra video aula de PHP. E então ? me responde pois gostaria de finalizar o aprendizado.

    Abraços !

  28. PedroNo Gravatar Diz:

    Show de bola aí Tomer Simis.
    Escolheu um excelente tema, e o principal, soube explicar o que estava fazendo, até um leigo como eu consegui entender.
    Meus parabéns!!!

  29. Rafael AvlisNo Gravatar Diz:

    nossa sem comentarios….

    o cara eh bom….

    merece o 1º lugar…

    show de bola . . .

  30. Sr° WebNo Gravatar Diz:

    muito bom cara! muito bom mesmo!

    muito bem explicado as ações do actionscripts no Flash!!

    Adorei…

    Abração!

  31. José ÁdaneNo Gravatar Diz:

    Cara Sua video aula foi muito boa aprendi um pouco de xml e action script valeu cara.

  32. Kleberson LeiteNo Gravatar Diz:

    Daew Tomer Simis…
    Muito Gente Fina o Lekii aew.. ^^

    Muito Show a VIDEO AULA ta super explicada e teve o 1° Lugar Merecido.. Ow Alvaro Gomides te cuida manim o Tomer ta querendo ser Colunista Flash ^^

    Abraços Tomer…

  33. SidMarcosNo Gravatar Diz:

    Até que enfim alguém explicou com detalhes a criação de uma galeria utilizando Flash+XML. Parabéns Tomer.

    Abraços

  34. CristianoNo Gravatar Diz:

    Muito bom esse video-tutorial, parabêns, boa explicação!!!!!

  35. VanderleiNo Gravatar Diz:

    Muito boa a vídeo aula…sou iniciante…tentei fazer alguma coisa parecido aqui e aperece essa mensagem “Error opening URL ‘file:///C|/galeria/undefined’” o q deu errado?

    Muito obrigado e parabéns mesmo!!!!!!!!!

  36. Daniel BeffNo Gravatar Diz:

    Fenomenaaaaaaaaaal essa aula, nunca entendi tão bem os scripts como Tomer Simis , ta de parabéns e também vou aderir a campanha:

    Movimento QTC:

    Quero
    Tomer Simis de
    Colunista

  37. RafaelNo Gravatar Diz:

    Olá
    Fiz essa galeria de foto mais de um erro veja abaixo:
    Error opening URL “file:///C|/Documents%20and%20Settings/Administrador/Desktop/galeria/undefined”

    Poderiam me ajudar a arrumar esse erro??

    Desde já obrigado

  38. JorgeNo Gravatar Diz:

    Caramba mto bom eu nunca mexi nesses progamas e mto legal essa video aula, Tomer Simis vc fez curso onde? Tb sou de Recife e to procurando um bom curso para fazer e quem sabe um dia chegar ao seu nível.

    xD

  39. Leilson WoelbeNo Gravatar Diz:

    Muito bom esse vídeo, quero saber como faço para abir o arquivo .fla no flash 8, ou ele só abre no CS3?
    Parabéns, a explicação foi bem clara.

  40. BrunoNo Gravatar Diz:

    pow gostei muito, muito bem explicado, mais eu queria saber como poi um preloader antes de cada foto, vc poderia me explicar

  41. JomarNo Gravatar Diz:

    Aula boa, só que é dificil utilizar xml em galerias, prefiro em php pois não tem tanto rolo o 2º lugar foi o melhor na minha opinião so que ele não teve postura.
    Mais boa a aula.

  42. Paulo Sérgio D. CarmoNo Gravatar Diz:

    Excelênte!!!

  43. BrunoNo Gravatar Diz:

    Parabéns.. já pode dar aulas de xml e flash avançado.. hein!!
    Invista no seu futuro, seja professor, se já não é?
    Abs

  44. OllyNo Gravatar Diz:

    Estou com o mesmo problema do Rafael.
    Após cada imagem dá-me um erro “undefined” penso que seja por estar a tentar ler os números do “loop” mas não sei como corrigir isso.

  45. Leilson WoelbertNo Gravatar Diz:

    As legendas não reconhe os acentos, o comando System.useCodepage = true;
    não está funcionando.
    O que Fazer?
    No demais a aula é excelente!!!

  46. Antônio CArlosNo Gravatar Diz:

    fala Thomas sua aula esta show de bola, muito bem explicada, consegui fazer sem problemas.
    agora tenho uma dúvida, ou melhor duas, sendoq ue no momento a 2ª é mais importante.
    1º gostaria de colocar um botão´para fechar a imagem maior que entra no palco quando clicamos na miniatura.
    2º gostaria de inserir algum efeito, talvez um fade, para suavizar a entra das fotos.
    caso possa dar um help, afradeço.,
    um grande abraço.

  47. RenataNo Gravatar Diz:

    Bom eu simplesmente amei a sua explicaçao…
    parabnsss…
    eu so to com uma duvida…
    a questao eh..o meu paclo eh diferente do q oq foi usado por vc..a minha intençao era fazer a imagem passar dentro apenas d uma parte do meu fundo…
    ele deu erro nisso…estava passando abaixo…tpo fora do palco, isso nao intendi pq…

    axo q teria q criar uma mascara para fazer as fotos rodarem dentro dela ne…mas nao to conseguindo…c puder me ajudar agradeço

    bjos e belo trabalho^^.

  48. BrunaNo Gravatar Diz:

    Parabéns pelo tutorial!!! Eu preciso saber se há como inserir um link na legenda…. Além disso o meu também está dando erro “undefined”, minha versão é a 8, será que tem a ver?

  49. BrunaNo Gravatar Diz:

    Pessoal, é só colocar o código completo que o tomer explica, assim o erro pára. Em relação aos acentos que não aparecem, troquem onde está escrito encoding=”utf-8″ no XML por encoding=”iso-8859-1″ assim ele irá reconhecê-los.

  50. GuerreiroNo Gravatar Diz:

    Aula show! parabens adorei.

  51. GuerreiroNo Gravatar Diz:

    Sou iniciante em flash, e gostarei d saber o poq q se usou fazer a galeria em dreamweaver.
    Grato.

  52. LeonardoNo Gravatar Diz:

    Muito boa a aula. parabéns Tomer.
    Tenho uma dúvida com as legendas em outro tipo de actions.
    Teria como me add no msn para teclamos a respeito. rsss
    picinati@hotmail.com.
    Valeu
    Abraços.

  53. Laís CarneiroNo Gravatar Diz:

    Parabéns pela aula, muito bem explicada e vai me ajudar muito. Valeu!!!

  54. Sergio NeresNo Gravatar Diz:

    Gostei.. de parabéns a video aula!

  55. Miguel TeixeiraNo Gravatar Diz:

    Olá boa tarde,

    Parabéns. Não percebo nada de flash mas depois de ver a sua explicação, fiquei a perceber um pouco.
    Obrigado.

  56. Giuliano PelaquinNo Gravatar Diz:

    Graaaande Tomer Simis! Não só um ótimo tutorial (muiiito bem explicado) mas também abordando um assunto de grande importância! Parabéns rapaz!!

  57. eduardoNo Gravatar Diz:

    O meu está dando erro de OUTPUT
    file:///C|/Users/Desktop/arquivos/teste/undefined’

    o que pode ser???

    abraço

  58. eduardoNo Gravatar Diz:

    Cara.. consegui !!! Obrigado mesmo!!!
    Um abraço

  59. CharlieNo Gravatar Diz:

    Parabéns Tomer!

    Muito didática sua aula, facilitando bastante o aprendizado da galera…

    Continue assim!

    Um abraço!

  60. Rafael ViniciusNo Gravatar Diz:

    Parabéns Tomer!
    ótimo tutorial

    Thanks!!!

  61. paulo cesarNo Gravatar Diz:

    qual o melhor programa paraa criar uma galeria de foto????

  62. EricsonNo Gravatar Diz:

    Parabéns!!!!!
    Otima Aula, muito bem desenvolvida, merecedor do 1º lugar!!!!
    Abraços e continue assim!!!!!!!

  63. Plínio CardosoNo Gravatar Diz:

    PARABÉNS CARA!
    mto show..
    mto bem explicado!…..
    parabéns msm!..

    vlww

    flW!

  64. Cristiano StavolaNo Gravatar Diz:

    Muito boa a explicação… Manda bem!
    Esta aprovadíssimo…

  65. wallaxNo Gravatar Diz:

    cara PARABENS!!!
    muito boa a video aula era o que eu estava precisando
    mesmo disso…

    PARABENS >MXmaster<

  66. leivasNo Gravatar Diz:

    Excelente video aula!
    Só não entendo pq funciona no meu pc e qdo publico na net nao carrega as fotos, só aparecem as legendas.
    Pode me dar uma mão?
    Abs e parabéns pela aula.

  67. Lucas BastosNo Gravatar Diz:

    Muitoooo bomm

    comecei a ver flash agora

    ta dando um errinho aki de sintaxe na linha 10

    mas o importante que intendi muitooooooooooo bemmmmmm!!!

    ta de parabens!!

  68. adriano mleoNo Gravatar Diz:

    muito bom o tutor eu so queri a saber como eu faço pra utilizar um caminho xml em um banner topo de manheira que eu possa fazer uma animação nas fotos que estão sendo carregada

  69. LucianoNo Gravatar Diz:

    O meu esta dando o mesmo erro que o do eduardo
    erro de output
    Error opening URL ‘file:///C|/Trabalhos/Moveis/CD/undefined’
    o que fiz de errado?
    obrigado

  70. Ricardo MalucoNo Gravatar Diz:

    Bom dia. Seria muito interessante postar uma video aula sobre como montar uma galeria de imagens como essa dos icones dos softwares do topo do site mxmasters,

    Falow, té +

  71. Rafael DuarteNo Gravatar Diz:

    Fantástico, Eu como especialista em tecnologia, voto nessa video aula.

  72. HenrriqueNo Gravatar Diz:

    ta de parabens ! , muito bem explicado;

  73. Adriano SchoenardieNo Gravatar Diz:

    muito bem aprendi muito com sua video aula obrigado

  74. José BrazNo Gravatar Diz:

    Ele é muito bom
    por mim, ganhou o desafio!!!
    meus parabéns…

  75. BobyNo Gravatar Diz:

    Mandou bem hem menino…
    muito bom !

  76. Claudio CandidoNo Gravatar Diz:

    Olá, pessoal…

    Eu até que gostaria de compartilhar da empolgação da galera com relação às Videoaulas… Mas, aqui em meu navegador (Firefox) o comando “PLAY” insiste em me ignorar…

    Alguém tem alguma sugestão ?
    Quero assistir essas aulas, mas não estou conseguindo…

    Grato

    Claudio Candido

  77. David CHCNo Gravatar Diz:

    Claudio Candido, limpe o cache do seu navegador, se vc usar o IE, basta apertar CTRL + F5, se for o Firefox, vá em FERRAMENTAS > OPÇÕES > AVANÇADOS> escolha aba REDE e clique em LIMPAR CACHE AGORA

  78. Willian AlvesNo Gravatar Diz:

    Nossa sua video aula foi o maximo….
    muito bom o XML para dar mais dinamica ao site criado em flash….
    gostaria como fazer para colocar um codigo para a galeria ir passando tipo um auto play…
    tem como….
    aguardo….
    obrigado…

  79. AlexandreNo Gravatar Diz:

    Olá!
    Gostei muito, mas queria uma ajuda…

    Vou montar esse Flash para um cliente, mas ele quer que ele mesmo atualize(adicione) as fotos, só que o cliente é meio leigo, ele sabe enviar fotos pelo orkut.
    Como que posso fazer para que ele mesmo atualize as fotos, alterando o XML e que se apertar o botão avançar avançe para o proximo automaticamente?(tipo em um dia tem 10 fotos dai quando tiver na 10 ele apertar avançar vai para a foto1, da no outro dia ele coloca mais 5 fotos, automaticamente o xml, flash faz com que quando chegue na foto 15 ele volte para a 1)?

    Desde já obrigado!

  80. AlexandreNo Gravatar Diz:

    Adorei essa aula, como sempre o MX master é MASTER MESMO! mas, tive problemas na parte da tipografia, a acentuação não obedece, ela aparece por exemplo no lugar da acentuação (ÇÃO) vem (Ä$£o). Como faço para corrigir isso?

  81. CaioNo Gravatar Diz:

    Gostei pela obra…
    A unica coisa que não foi gostei foi esse sotaque de caipira……
    ahuhauhauhahaahah
    mas valeu valeu, o cara é foda

  82. DaianeNo Gravatar Diz:

    Oie, gostei mto dessa video aula sobre galeria de fotos com XML, porém qdo eu axecuto o swf dá erro, que não acha o arquivo, na video aula disse que só é necessário colocar o nome da pasta/nome do arquivo. extensão. fiz isso mesmo asim não funcionou, coloquei até o endereço completo de onde esta a imagem por exemplo: c:\desktop/foto1png, preciso mto de ajuda, alguém sabe o q pode ser? obrigada.

  83. kendNo Gravatar Diz:

    Parabéns cara..ficou excelente!!

    sem contar que sua voz é bem engraçadinha..rs!
    Gamei!!
    se tivesse aqui eu te daria um beijo!

  84. RafaelNo Gravatar Diz:

    Parabens pela iniciativa, é de principios básicos como este que o iniciante precisa, depois é só ir implementando…

  85. IGOR CARFINo Gravatar Diz:

    Muuuuuuiiiitttooooooo Bom …. você não sabe o quanto isso me ajudou …. queria fazer uma agenda de shows pra um site q estou desenvolvendo e foi muito útil os códigos …. veja só eu ia fazer tudo no flash carregando imagem sem o xml …. já imaginou qual seria o tamanho do arquivo no resultado final??? rsrsrsrsrs …. muuuiiitooo booommmm …! parabéns …. muito Grato!

    By: Igor Carfi!

  86. MichelNo Gravatar Diz:

    Poutsssssssssssssssssssssssss…..muito boa a video aula eim….parabens…me deu uma puta ajuda valew

  87. Eliton MartinsNo Gravatar Diz:

    Vc é o cara veiuum parabéns, muito show a video aula, só gostaria de saber como eu coloco o loading a cada imagem q for carregada.

    Obrigado

  88. diego medeirosNo Gravatar Diz:

    simples e excelente!
    gostaria de saber se tem como fazer uma galeria de video nesse estilo?!?!

    espero resposta diegopmt@hotmail.com

    abraço a todos!

    esse site é F***!!!
    parabéns!

  89. DriNo Gravatar Diz:

    ADOREI!!! Vc está de PARABÉNS e foi merecido o “1º LUGAR”!!!
    Ótima didática, muito bem explicado!!
    Vlw!!!
    abs,

    Dri.

  90. fernandoNo Gravatar Diz:

    Tudo bem Tomer!!
    Gostaria que vc repetisse a aula dos botões de CARRO e MOTO, na verdade vc só explicou como fazer. Se caso for possível, lógico!!

    Abraço e obrigado

    p.s: suas aulas são excelentes e parabéns!!!

  91. ReinaldoNo Gravatar Diz:

    É possivel incluir um efeito de transição para esse action scrit?

  92. JR PeixotoNo Gravatar Diz:

    Parabéns Tomer!

    Muito bom.

    Abraço,
    JR.

  93. Sr. LimaNo Gravatar Diz:

    SENSACIONAL!!!

    Já estou inclusive, usando em um projeto, acabei de testar e usar funciona perfeitamente :D

  94. LuisNo Gravatar Diz:

    muito bom!! voce é fera , parabens!!

  95. Felipe VazNo Gravatar Diz:

    na aula vc disse q bastava mudar o tipo de arquivo para carregar, porem eu estou tentando com um swf (um player de video), remotamente ele carrega, mais on-line aparece na legenda UNDEFINED. vc sabera me dar uma resposta?
    qualquer ajuda é bem vinda
    obrigado pela aula, 1º lugar merecido

    ;D

  96. Marcelo VitorianoNo Gravatar Diz:

    Ótima a video-aula Tomer. Como ficaria colocando preloaders no carregamento das imagens?
    Valew!!!

  97. alexandreNo Gravatar Diz:

    SHow de Bola … parabens cara…

  98. Andre FreitasNo Gravatar Diz:

    não consegui fazer! :/
    sou burro olha meu action como é:

    var i:Number = 0
    //////////////////////////////////
    var NossoXML:XML = new XML();
    NossoXML.load(“file:///C:/Users/MeGaTriX/Desktop/galeria/galeria.xml”)
    NossoXML.ignoreWhite = true;
    System.useCodepage = true;
    //////////////////////////////////
    NossoXML.onLoad = function () {
    carrega()
    }
    //////////////////////////////////
    function carrega () {
    mc.loadMovie (nossoXML.firstChild.childNodes[i].attributes.local)
    texto.text = nossoXML.firstChild.childNodes[i].attributes.legenda
    }
    //////////////////////////////////
    voltar.onRelease = function(){
    if(i==0)(
    i=4
    )else(
    i–
    )
    carrega()
    }
    ///////////////////////////////////
    avancar.onRelease = function(){
    if(i==4)(
    i=0
    )else(
    i++
    )
    carrega()
    }

    Espero respostas!

  99. MonicaNo Gravatar Diz:

    Oiii, nossa vc nem tem idéia do quanto me ajudou essa aula.Muiito Obrigada!!!Vc é demais!!

  100. Élison OcamposNo Gravatar Diz:

    Bom…pessoal…primeiro quero dar os parabéns aí para o Tomer Simis…muito bem explicado…merecidíssimo o primeiro lugar..

    Estou começando agora a mexer com Flash, e estou aprendendo bastante aqui no MXMASTERS, só que ainda surgem muitas dúvidas… e nessa vídeo-aula surgiram 2:

    1- Para importar um fundo para minhas fotos feita no Fireworks tenho que salvá-las como imagem ? e tem que ser em PNG ??

    Eu tinha salvo elas em PNG mais não em imagem e importado no flash, e quando rodava dava o seguinte erro de código: “incompatibilidade tipo de declaração de atribuição: String encontrado
    onde a função é necessária”. Depois fui pra e salvei como imagem de PNG e importei deu certo …massss ..não aparecia as fotos…tava achando que era no XML…mas não

    2- A segunda dúvida é : Qual a diferença de encoding: “iso-8859-1″ e encoding: ” utf-8″ ?? …

    Ao contrário do comentário da Bruna…no meu estava o iso eu mudei para utf e apareceram as imagens só que fora do meu fundo, um pouco deslocadas, e os botões não estão funcionando…esquisito né ?! …vou tentar resolver…se alguém puder me ajudar..

    Valeuuuu !!

  101. SérgioNo Gravatar Diz:

    Gostaria de saber como colocar efeito de transição nas fotos. Obrigado

  102. DiogoNo Gravatar Diz:

    o efeito de transição nas fotos deve ser feito não pela time line, mas sim, pela própria action que chama a imagem…
    ou seja, você deve colocar o código na função carrega…
    aborde por exemplo com efeito de fade… explorando a proprieda _alpha da imagem a ser carregada…, já para aqueles que gostariam de um auto play tenho um pequeno exemplozin…(rsrs), foi alterado a muito tempo e hoje da para simplicar muita coisa…

    bt1._visible = false;
    bt2._visible = false;
    bt3._visible = false;
    bt4._visible = false;
    bt5._visible = false;
    bt6._visible = false;
    bt7._visible = false;
    bt8._visible = false;
    bt9._visible = false;
    bt10._visible = false;
    select1._visible = false;
    select2._visible = false;
    select3._visible = false;
    select4._visible = false;
    select5._visible = false;
    select6._visible = false;
    select7._visible = false;
    select8._visible = false;
    select9._visible = false;
    select10._visible = false;
    var xml_src = ‘foto_bank.xml’;
    // Segundos para mostrar cada movie
    var slide_delay = 9;
    // velocidade quadro a quadro deste arquivo
    var frame_rate = 30;
    // Sliding. Escolha 1 para o auto sliding e 0 para deixar o sliding off
    var sliding = 1;
    // velocidade do fade de 1 a 100
    var fade = 5;

    var sec_count = 0;

    p = 0;
    b = 0;

    function loadXML(loaded)
    {
    if (loaded)
    {
    xmlNode = this.firstChild;
    image = [];
    description = [];
    total = xmlNode.childNodes.length;
    if (total == 10){
    bt10._visible = true;
    bt9._visible = true;
    bt8._visible = true;
    bt7._visible = true;
    bt6._visible = true;
    bt5._visible = true;
    bt4._visible = true;
    bt3._visible = true;
    bt2._visible = true;
    bt1._visible = true;
    }
    if (total == 9){
    bt9._visible = true;
    bt8._visible = true;
    bt7._visible = true;
    bt6._visible = true;
    bt5._visible = true;
    bt4._visible = true;
    bt3._visible = true;
    bt2._visible = true;
    bt1._visible = true;
    }
    if (total == 8){
    bt8._visible = true;
    bt7._visible = true;
    bt6._visible = true;
    bt5._visible = true;
    bt4._visible = true;
    bt3._visible = true;
    bt2._visible = true;
    bt1._visible = true;
    }
    if (total == 7){
    bt7._visible = true;
    bt6._visible = true;
    bt5._visible = true;
    bt4._visible = true;
    bt3._visible = true;
    bt2._visible = true;
    bt1._visible = true;
    }
    if (total == 6){
    bt6._visible = true;
    bt5._visible = true;
    bt4._visible = true;
    bt3._visible = true;
    bt2._visible = true;
    bt1._visible = true;
    }
    if (total == 5){
    bt5._visible = true;
    bt4._visible = true;
    bt3._visible = true;
    bt2._visible = true;
    bt1._visible = true;
    }
    if (total == 4){
    bt4._visible = true;
    bt3._visible = true;
    bt2._visible = true;
    bt1._visible = true;
    }
    if (total == 3){
    bt3._visible = true;
    bt2._visible = true;
    bt1._visible = true;
    }
    if (total == 2){
    bt2._visible = true;
    bt1._visible = true; }
    if (total == 1){
    bt1._visible = true;
    }
    for (i=0; i= 100)
    prevImage();
    }
    else if (Key.getCode() == Key.RIGHT)
    {
    if(picture._alpha >= 100)
    nextImage();
    }
    }

    Key.addListener(listen);
    PREV.onRelease = function()
    {
    if(picture._alpha >= 100)
    prevImage();
    }
    NEXT.onRelease = function()
    {
    if(picture._alpha >= 100)
    nextImage();
    };
    bt1.onRelease = function()
    {
    if(picture._alpha >= 100)
    cap.txt = description[0];
    picture.loadMovie(image[0], 1);
    p = 0;
    hover.pic.txt = p+1+” / “+total;
    select1._visible = true;
    select2._visible = false;
    select3._visible = false;
    select4._visible = false;
    select5._visible = false;
    select6._visible = false;
    select7._visible = false;
    select8._visible = false;
    select9._visible = false;
    select10._visible = false;
    hover.play();
    reset_timer();
    };
    bt2.onRelease = function()
    {
    if(picture._alpha >= 100)
    cap.txt = description[1];
    picture.loadMovie(image[1], 1);
    p = 1;
    hover.pic.txt = p+1+” / “+total;
    select1._visible = false;
    select2._visible = true;
    select3._visible = false;
    select4._visible = false;
    select5._visible = false;
    select6._visible = false;
    select7._visible = false;
    select8._visible = false;
    select9._visible = false;
    select10._visible = false;
    hover.play();
    reset_timer();
    };
    bt3.onRelease = function()
    {
    if(picture._alpha >= 100)
    cap.txt = description[2];
    picture.loadMovie(image[2], 1);
    p = 2;
    hover.pic.txt = p+1+” / “+total;
    select1._visible = false;
    select2._visible = false;
    select3._visible = true;
    select4._visible = false;
    select5._visible = false;
    select6._visible = false;
    select7._visible = false;
    select8._visible = false;
    select9._visible = false;
    select10._visible = false;
    hover.play();
    reset_timer();
    };
    bt4.onRelease = function()
    {
    if(picture._alpha >= 100)
    cap.txt = description[3];
    picture.loadMovie(image[3], 1);
    p = 3;
    hover.pic.txt = p+1+” / “+total;
    select1._visible = false;
    select2._visible = false;
    select3._visible = false;
    select4._visible = true;
    select5._visible = false;
    select6._visible = false;
    select7._visible = false;
    select8._visible = false;
    select9._visible = false;
    select10._visible = false;
    hover.play();
    reset_timer();
    };
    bt5.onRelease = function()
    {
    if(picture._alpha >= 100)
    cap.txt = description[4];
    picture.loadMovie(image[4], 1);
    p = 4;
    hover.pic.txt = p+1+” / “+total;
    select1._visible = false;
    select2._visible = false;
    select3._visible = false;
    select4._visible = false;
    select5._visible = true;
    select6._visible = false;
    select7._visible = false;
    select8._visible = false;
    select9._visible = false;
    select10._visible = false;
    hover.play();
    reset_timer();
    };
    bt6.onRelease = function()
    {
    if(picture._alpha >= 100)
    cap.txt = description[5];
    picture.loadMovie(image[5], 1);
    p = 5;
    hover.pic.txt = p+1+” / “+total;
    select1._visible = false;
    select2._visible = false;
    select3._visible = false;
    select4._visible = false;
    select5._visible = false;
    select6._visible = true;
    select7._visible = false;
    select8._visible = false;
    select9._visible = false;
    select10._visible = false;
    hover.play();
    reset_timer();
    };
    bt7.onRelease = function()
    {
    if(picture._alpha >= 100)
    cap.txt = description[6];
    picture.loadMovie(image[6], 1);
    p = 6;
    hover.pic.txt = p+1+” / “+total;
    select1._visible = false;
    select2._visible = false;
    select3._visible = false;
    select4._visible = false;
    select5._visible = false;
    select6._visible = false;
    select7._visible = true;
    select8._visible = false;
    select9._visible = false;
    select10._visible = false;
    hover.play();
    reset_timer();
    };
    bt8.onRelease = function()
    {
    if(picture._alpha >= 100)
    cap.txt = description[7];
    picture.loadMovie(image[7], 1);
    p = 7;
    hover.pic.txt = p+1+” / “+total;
    select1._visible = false;
    select2._visible = false;
    select3._visible = false;
    select4._visible = false;
    select5._visible = false;
    select6._visible = false;
    select7._visible = false;
    select8._visible = true;
    select9._visible = false;
    select10._visible = false;
    hover.play();
    reset_timer();
    };
    bt9.onRelease = function()
    {
    if(picture._alpha >= 100)
    cap.txt = description[8];
    picture.loadMovie(image[8], 1);
    p = 8;
    hover.pic.txt = p+1+” / “+total;
    select1._visible = false;
    select2._visible = false;
    select3._visible = false;
    select4._visible = false;
    select5._visible = false;
    select6._visible = false;
    select7._visible = false;
    select8._visible = false;
    select9._visible = true;
    select10._visible = false;
    hover.play();
    reset_timer();
    };
    bt10.onRelease = function()
    {
    if(picture._alpha >= 100)
    cap.txt = description[9];
    picture.loadMovie(image[9], 1);
    p = 9;
    hover.pic.txt = p+1+” / “+total;
    select1._visible = false;
    select2._visible = false;
    select3._visible = false;
    select4._visible = false;
    select5._visible = false;
    select6._visible = false;
    select7._visible = false;
    select8._visible = false;
    select9._visible = false;
    select10._visible = true;
    hover.play();
    reset_timer();
    };

    function reset_timer()
    {
    sec_count = 0;
    this.timer.gotoAndPlay(1);
    this.slider.gotoAndPlay(1);
    }

    function showImage()
    {
    if (loaded == filesize)
    {
    picture._alpha = 0;
    picture.loadMovie(image[p], 1);
    this.cap.txt = description[p];
    hover.pic.txt = p+1+” / “+total;
    this.hover.play();
    if (p eq 0){
    select1._visible = true;
    select2._visible = false;
    select3._visible = false;
    select4._visible = false;
    select5._visible = false;
    select6._visible = false;
    select7._visible = false;
    select8._visible = false;
    select9._visible = false;
    select10._visible = false;
    }
    if (p eq 1){
    select1._visible = false;
    select2._visible = true;
    select3._visible = false;
    select4._visible = false;
    select5._visible = false;
    select6._visible = false;
    select7._visible = false;
    select8._visible = false;
    select9._visible = false;
    select10._visible = false;
    }
    if (p eq 2){
    select1._visible = false;
    select2._visible = false;
    select3._visible = true;
    select4._visible = false;
    select5._visible = false;
    select6._visible = false;
    select7._visible = false;
    select8._visible = false;
    select9._visible = false;
    select10._visible = false;
    }
    if (p eq 3){
    select1._visible = false;
    select2._visible = false;
    select3._visible = false;
    select4._visible = true;
    select5._visible = false;
    select6._visible = false;
    select7._visible = false;
    select8._visible = false;
    select9._visible = false;
    select10._visible = false;
    }
    if (p eq 4){
    select1._visible = false;
    select2._visible = false;
    select3._visible = false;
    select4._visible = false;
    select5._visible = true;
    select6._visible = false;
    select7._visible = false;
    select8._visible = false;
    select9._visible = false;
    select10._visible = false;
    }
    if (p eq 5){
    select1._visible = false;
    select2._visible = false;
    select3._visible = false;
    select4._visible = false;
    select5._visible = false;
    select6._visible = true;
    select7._visible = false;
    select8._visible = false;
    select9._visible = false;
    select10._visible = false;
    }
    if (p eq 6){
    select1._visible = false;
    select2._visible = false;
    select3._visible = false;
    select4._visible = false;
    select5._visible = false;
    select6._visible = false;
    select7._visible = true;
    select8._visible = false;
    select9._visible = false;
    select10._visible = false;
    }
    if (p eq 7){
    select1._visible = false;
    select2._visible = false;
    select3._visible = false;
    select4._visible = false;
    select5._visible = false;
    select6._visible = false;
    select7._visible = false;
    select8._visible = true;
    select9._visible = false;
    select10._visible = false;
    }
    if (p eq 8){
    select1._visible = false;
    select2._visible = false;
    select3._visible = false;
    select4._visible = false;
    select5._visible = false;
    select6._visible = false;
    select7._visible = false;
    select8._visible = false;
    select9._visible = true;
    select10._visible = false;
    }
    if (p eq 9){
    select1._visible = false;
    select2._visible = false;
    select3._visible = false;
    select4._visible = false;
    select5._visible = false;
    select6._visible = false;
    select7._visible = false;
    select8._visible = false;
    select9._visible = false;
    select10._visible = true;
    }
    reset_timer();
    }
    }

    function nextImage()
    {
    if (p0)
    p–;
    else
    p = total-1;
    showImage();
    }

    this.onEnterFrame = function()
    {
    filesize = picture.getBytesTotal();
    loaded = picture.getBytesLoaded();
    if (loaded != filesize)
    {
    preloader.bar._xscale = 100*loaded/filesize;
    if (preloader._alpha 0)
    cap._alpha += fade;
    }
    else
    {
    if (picture._alpha 0)
    preloader._alpha -= fade;

    if( picture._alpha >= 100 )
    {
    if(b == 0)
    {
    picture_bg.loadMovie(image[p], 1);
    b = 1;
    }
    }
    else
    b = 0;
    }
    }

  103. DiogoNo Gravatar Diz:

    Esse exemplo acima serve como um pequeno player para banners por exemplo de uma loja virtual…
    Como devem ter notado acima, ele tem dez botões no palco principal instanciados, e no inicio do carregamento do arquivo xml ele atualiza quantos botões devem aparecer na tela, limitado sim, mas na maioria das lojas virtuais é muito difícil o uso de mais do que 10 banners…

  104. EmersonNo Gravatar Diz:

    Olá, gostaria de parabenizá-lo pela video aula, ficou excelente,
    quero aproveitar tirar uma dúvida sobre um site que estou terminando de desenvolver, é http://www.fotokoris.com.br gostaria de saber se é possível adicionar sub-galerias na galeria em xml do site sem alterar muito seu visual???
    Agradeço pela atenção
    elite-inf@hotmail.com

  105. MagnonNo Gravatar Diz:

    Cara,,,, sempre trabalhei com flash e sempre tive curosidade em intereção com XML e esse seu tutorial ta D+. Parabens

  106. TiagoNo Gravatar Diz:

    Ótimo trabalho.

    você poderia dar uma dica de como utilizar banco de dados com XML

  107. RaphaelNo Gravatar Diz:

    Muito bom o tutorial cara!
    Mais tenho uma dúvida!

    Como faço para linkar essas imagens? Por exemplo, quando clicar em uma imagem, ela redirecionar para um site… e gostaria de deixar mais de 1 imagem mostrando, tipo miniaturas.

    Agradeço.

  108. RicardoNo Gravatar Diz:

    meus parabéns cara!!!!

  109. Fernando GiacobboNo Gravatar Diz:

    Muito bom!!!Parabéns!
    Só uma duvida:
    Ao carregar no simulate download do flash, a 1º imagem não aparece de imediato, tem que dar outro ctrl+enter para aparecer, como resolvo isso?
    obrigado

  110. BrenoNo Gravatar Diz:

    Ha como eu fazer essa playlist sem precisar especificar no XML os tempos de cada banner e o número de banners?

  111. Jonathas RamosNo Gravatar Diz:

    Parabéns pela video aula me ajudou muito !

  112. alisonmonteiroNo Gravatar Diz:

    pow cara aki o video ñ ta mais aparencendo oque eu faço????

  113. David CHCNo Gravatar Diz:

    @alisonmonteiro, esse problema é com o videolog, deve ser momentâneo.

  114. FabrícioNo Gravatar Diz:

    Legal fiz certinho, ficou bacana, mais eu queria que as fotos ficassem passando sozinhas tambem tipo de 4 em 4 segundos como faço.
    Parabéns pelo trabalho.

  115. wellingtonNo Gravatar Diz:

    Ola amigo, parabens pela video aula, sua simplicidade e eficiencia são digna de respeito. Como sempre depois de um elogio vem um pedido, heheh. gostaria que as fotos fossem miniaturas, ao clicar em uma delas abriria uma janela com a maio.
    Outra coisa, posso colocar quantas fotos? vc deu exemplo de 5, so ir adicionando as fotos e numeros?

    abs, bom se vc puder me responder no meu email eu lhe agradeço , inclusive podemos melhorar essa galeria se ajustando a um site d eum cliente que eu estou fazendo e pago o serviço pra… que achas.

    abras

    wellington

  116. Gabryel Dub Roots ReggaeNo Gravatar Diz:

    Nossa toda vez que estou querendo acrescentar algo a mais no nosso site de reggae, sempre recorro a este outra maravilhoso site……..Vlew mesmo parabens ae pessoal ….vcs iram salvar varios trampos para nos….srsrsrsr

    Abracaosss…

    Gabriel JamaicaBrasileira .. _\|/_

  117. MirachiNo Gravatar Diz:

    Se nossas escolas tivessem professores com essa facilidade de ensinar, imagina que nível de conhecimentos teríamos?
    Parabéns Tomer Simis, gostaria de ver mais vídeo aulas suas.
    Premio muito bem dado.

  118. Gilberto MirandaNo Gravatar Diz:

    Amigo, tô começando agora a fazer sites, estou fazendo um site que tem mais de 100 imagens e apliquei este XML que o Tomer Simis ensina e no flash e ficou beleza, o wsf carrega tudo certo, mais quando eu transferir os swf para o dreamweaver, ele o XML não carrega, quero que voces me de uma mãozinha para eu resolver este problema.
    Gilberto Miranda

  119. PauloNo Gravatar Diz:

    galera da uma olhada nessa galeria:

    http://www.isimples.net/is10

    ela é uma galeria em flash com a possibilidade de criar álbuns

    vale a pena conferir!!!

  120. thiagoNo Gravatar Diz:

    muito bomm!!! vlw pela ajudaaa

  121. EliuNo Gravatar Diz:

    É isso ai amigo, muito boa a vídeo aula.
    Espero encontrar ainda muitos artigos seus por aqui.

    Meu site:
    http://eliu.com.br

  122. WevertonNo Gravatar Diz:

    Se colocar o Butão Voltar como Button ele nao volta a unica solução que encontrei foi converter o Botão voltar como MovieClipe ai siim ele volta normal — fora isso ótima Video Aula Parabens

  123. MaoliNo Gravatar Diz:

    Parabéns! Um ótimo professor!

  124. BárbaraNo Gravatar Diz:

    Parabéns Aprendi rsss ^.^

  125. SamuelNo Gravatar Diz:

    que vozinha mais esquisita!! mais explicou bem ok! passou no teste!

  126. edipoNo Gravatar Diz:

    maneira a video aulo

    muito bem explicada

    abraçosss

  127. Eduardo AugustoNo Gravatar Diz:

    Video aula 10, mais estou com uma duvida em uma galeria que eu fiz.
    Queria saber se vc pode me ajudar.

    eu fiz toda galeria e salvei ela como galeria.swf
    se vc digitar no navegador do meu site diretamente nela exemplo:
    http://www.soundmachine.com.br/galeria.swf
    ela funciona perfeitamente.

    mais no meu site se eu carregar ela por um botao dentro de uma mascara por loadmovie ela dá pau.

    por exemplo se vc clicar no botão galeria no meu site, ele vai chamar o arquivo galeria.swf externo pra dentro de uma mc no palco.
    esse mc eu dei o nome de AREA

    ai que tá o BO a galeria não funciona.

    to achando que pode ser o caminho, tipo vou ter que carregar…
    _root.AREA.loadmovie

    alguma coisa assim, mais a galeria que eu aprendi é um pouco complicada, gostaria que vc desse uma olhada no meu site e ve se pode me ajudar.

    obrigado.

Deixe seu Comentário

Publicidade

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

Desenvolvido por David CHC e Felipe Cardozo