Dreamweaver CS3 - Slide show de fotos com efeitos de transição
Arquivo de (Dreamweaver) por Felipe Cardozo em 15-04-2008 - 11,636 visualizações
Tags: Dreamweaver CS3, Slide show de fotos no dreamweaver
Olá! Nesta vídeo aula, iremos aprender a desenvolver um slide show de fotos com efeito de transição bem simples de se fazer. Através do Dreamweaver, é criado um controle em flash que você poderá ocultar ou não através das propriedades. Você poderá adicionar quantas fotos quiser, colocar títulos e escolher o tipo de transição.
Além disso, o próprio slide terá um preloader, caso a animação fique um pouco pesada.
Visualize aqui o resultado final
Assista à vídeo aula
Queria sugerir sobre as desponibilização das vídeo aulas, que se possível ser em outro formato(avi, real tec…), por que isso? Porque as vídeo aulas em formato de flash depois do meio do vídeo ele começa a consumir muita memória, minha maquina tem 700mb, processador 2000+MHz e 2HD 80G. Não sei se acontece isso com mais alguém.
Muito obrigado pela oportunidade, continuem assim fazendo um trabalho diferenciado com qualidade, responsabilidade e o mais importante compromisso para com aqueles que lhe prestigiam Vlw.
Acabei esquecendo do principal, como fasso para mandar para vc ou postar o layout que fiz baseado nas suas video aulas de Fireworks.
Essa questão das vídeo aulas disponibilizadas para downloads foi debatida bastante antes de chegarmos a conclusão de colocá-las em SWF. Antes, era disponibilizada em AVI, mas muita gente não tinha o player atualizado, não tinha os codecs necessários, instalavam os codecs e mesmo assim não conseguiam assistir. Então, coloquei em SWF porque é um arquivo que todos podem ver sem problemas.
Mas estaremos sempre atentos aos problemas e tentando melhorar o espaço para torná-lo o mais democrático e acessível possível.
Manda para contato[@]mxmasters.com.br
abçs
Gostei, bem facin ^^
vlw
Um abraço !!
Iremos fazer uma vídeo aula ensinando a publicar um site sim.
Em muito breve..
Abçs
blz
Qual link?
eu tenho um site com varias fotos cada pagina, gostaria de saber se seria melhor eu usar um slide show como esse que vc explicou ao inves de usar muitas paginas para cada pagina?…
valeu pela aula….
Com o slide show, consegue resolver vários problemas. Colocar uma foto em cada página, além de dar trabalho (se o site foe “não dinâmico”) deixa um pouco pesada.
Neste caso, o slide show, seria uma saída.
Abçs
Parabéns eu estou aprendendo muito, essa em particular é a que mais me chamou a atenção pois tenho muita curiosidade em saber manipular fotos na web OK!!!
E agora uma pergunta: Tem como personalizar o player do viewer image?
Tipo quero fazer um mas não utilizando esse layout.
Desde já agradeço!
Não tem como personalizar este player não. Mas creio que existam players para download na internet.
Irei verificar e caso hava, colocarei no post.
Abçs
Cara nao canso de enfatizar o trabalho q faz nas suas aulas!!!
Mais minha duvida hj eh a seguinte, to com um site de “DH” Downhill (prático) e basicamente eh pra publicaçoes de conteudo videos e fotos minhas etc, queria q me desse a dica de como publicar os videos do youtube no proprio site como faz aki na sua page…
Ficaria enormemente grato!!!
Abrç!!
No mxmasters, usamos um plugin feito especialmente para wordpress que facilita a inserção do link do youtube, mas creio que assim como a maioria, basta você colocar o embed da vídeo aula via code.
abçs
Gostaria de pedir a voce se for possivel mostrar uma video aula
iserindo video no drew, com caminho para ftp
desde ja grato
Esses tipos de slide para orkut, não tem como gravar no CD.
Mas devem ter Programas que criam slide de fotos e você pode salvá-los como SWF. Aí, você manda o arquivo SWF com seus slides para o CD ou DVD normalment.
Tenho uma dúvida.
Quando coloquei o efeito de transição nas fotos ele só foi aplicado da primeira para a segundo, as outras duas apareceram sem efeito.. o que eu faria?
Nunca aconteceu isso comigo. Você esta usando o CS3?
Hmmmm olha eu uso o Dreamweaver 8, deve ser isso
Você esta seguindo passo-a-passo conforme mostro na vídeo aula?
as fotos estavam em tamanhos diferentes, sobrava um espaço do lado quando a foto era na vertical, resolvi colocar todas do mesmo tamanho só para testar, meio ilógico mas acabou que deu certo!
Brigada pela atenção!!!!!!
Parabéns e boa sorte!
:/
o slideshow fica com uma borda branca em volta, não tem como tirar?
e o slideshow acaba ficando “por cima” de tudo, queria que uma layer ficasse por cima dele, mas não fica, ele fica escondido atrás das fotos… teria alguma sugestão?
ta me servindo pakas msmo
mas cara eu gostaria msmo aprender como faser tipo
a imagen pequena q quando passa o malse em cima ela apareçe maoir numa tela sabe
abraço cinho ^^
Não consegui publicar o HTML no blogspot…
Aparecem mensagens informando que o HTML não pode ser aceito, etc.
O q fazer?!
Pereira
Bom, neste caso você tem que verificar se o blogspot aceita conteúdos animados ou se há algum plugin que faça isso.
[]´s
Mas ai quando eu hospedei o site eu percebi um pequeno bug…. nas fotos.
Exemplo. tem hora que aparece as fotos em tamanhos iguais e tenho hora que ica diferente, o slide começa normal derrepente uma foto da zoom sozinha, e tem hora que nao aparece nada fica em branco….
se vc puder me ajudar eu agradeço
o link do site esta ai
http://www.santafoguense.rg3.net
Parabéns pelo site, não o conhecia, mas te confesso que fiquei apaixonado pelo mesmo em especial pelos vídeos aulas.
Porém tenho uma dúvida: Fiz o passo a passo para fazer o “Slide Show de fotos com efeitos de transição” no Dreamweaver cs3. deu tudo certinho, inclusive ao tecla F12. Porém ao publicá-la no meu site simplesmente não apareceu nada, mesmo desativando o scrits ou Activex do windows vista. O que fiz de errado? Como devo proceder? Uso o provedor POP e que creio o mesmo suporta aquivo deste tipo.
Será que tem como você me esclarecer o mais rápido possível?
Abraços, desde já agradeço e sucesso.
Thiago
Mas eu tive um probleminha, quando eu hospedei o site,aconteceu um erro no slide show, se vc puder da uma olhada e me orientar eu agradeço….abraços Anderson.
Obs. exemplo de erro,,, tem hora que as fotos do nada fica com zomm…
Muita gente tem tido este problema. Irei analisar e postarei um comentário aqui.
[]´s
assim como todas as outras que vendo assistindo…
Mais tenho uma pequena duvida..
Uso Dreamweaver MX
e nele não tem como fazer nao tem:?
bom sou novato no assunto e é por isso que estudo muito as video aulas…
as vezes estou fazendo uma pergunta besta,
Mãs como duvidas são para serem esclarecidas..
espero que tu esclareça a minha.
Se tiver jeito de fazer no MX me diz como ai plz…
abraço
e tudo de bom pra ti Felipe
Meu saudoso pai, que também era meu professor, uma vez me disse uma coisa:
“A única dúvida idiota é aquela que nunca é feita.” risos
Bom, creio que pelo MX não dê para fazer. Faz muito tempo que não mexo com o mx.
[]´s
meu amigo estou com um pequeno problema.
fiz um site usando FW (fireworks) e DW (dreamweaver).Montei o site todo no DW usando tabelas porque ando tendo problemas com layers na hora da resolução do browser do navegante; aquele probleminha chaato de ficar tudo “embaralhado” quando mexemos na resolução. Então, fiz o site usando mais ou menos as técnicas que você usou no vídeo “criando um site comp.”. Fiz a programação de “naorepetirporfavor”, tudo beleza. Quando dou o “F12″ e abre no browser, no caso o IE 9, ele abre legal, tudo certinho mas quando abro pelo mozilla ai vem o problema, o firefox estica para cima e baixo respectivamente fazendo com que abra um espaço e empurre o slice do ultimo botao do menu para baixo, como se eu tivesse dado um “alt+enter”!
não to compreendendo isso!
podes ajudar?
obrigado e abraços!
Isso acontece muito quando você esquece de alinhar o conteúdo no topo (align top). E ainda esquece de colocar valor para a altura do conteúdo.
Dê uma olhada nisso…
[]´s
Que aula maravilhosa! Uma bênção!!!
Puxa vida, vc nem imagina o quanto
procurei em vão, alguma orientação
concernente a montagem de slides.
Sou extremaemte leiga no assunto
e não conseguia entender bem os
procedimentos. Mt obrigada! Vc é
um exímio professor.Vale ouro!!!!
E, como vc deixou em aberto para
evidenciar as dúvidas, gostaria de
saber com faço para postar meus
slides na página do orkut, uma vez
que meu maior intuito é compartilhar
mensagens em slides com os amigos.
Obrigada pela gentil disponibilidade.
Deus lhe abençoe!!!
Abraços
Olá Yvana, tudo bem?
Com este script, você não consegue colocar no orkut.
Bjão
Obrigado
os slides funcionou lega, por fineza gostaria de saber como eu faço… eu já tenho uma aplicação pronta em flash, quero desta aplicação executar os slids que foi feito no Dreamweave, isto é como imigro os slides para dentro do flash… é expotado.. como ?.. obr por sua atnção… JM.
Nunca havia nem visto o Dreamweaver na minha vida, mas não tive o menor problema para criar um slide de fotos com a sua video aula. Muito boa, por sinal. Mas, esbarrei em outro problema: é que contratei o serviço de um site pronto, mas gostaria de inserir meu slide. Sabe o que eu poderia fazer? Tem uma área lá para colar código html. Esse seria um caminho? Como eu faria?
Obrigada
Olá Carla, tudo bem?
Bom, se este serviço de site pronto lhe permitir enviar os arquivos para o servidor, voc~e conseguirá sim. Há duas maneiras:
1: Iframe (não muito indicado).
2: Através do código. Neste caso, você trocaria os caminhos da animação(flash), pelo caminho do servidor (url).
bjão!
Felipe cardozo show
Notei nos comentários acima que há alguns problemas de exibição no slide, quando publicam o site, lembro que, as vezes, pode ser a pasta com as imagens que não foram enviadas ao servidor.
Também testei o Image Viewer com as seguinte versões e funcionaram:
DW 8 com Flash 8;
DW Cs3 com Flash 8;
Nestas 2 combinações funcionou certinho!
Obrigado, e, Sucesso!
Estou aqui para tirar a seguinte dúvida, como faço para deixar as fotos ajustadas ao frame, ou melhor, tirar o espaço que aparece entre a foto e o frame, pois gostaria de deixar a animação com um efeito de moldura, que no caso é o frame, como é possível?
Desde já agradeço.
=D
Obs: Parabéns a todos, quero ressaltar que tenho aprendido muito com essas aulas.