Slide Show em seu site

Nesta coluna iremos ver como criar um slide show um recurso muito útil na exibição de fotos,anúncios entre tantos outros itens de seu site sendo utilizado em diversos sites da web.

Por | @oficinadanet Softwares
Na elaboração de nosso slide show foi utilizado o “Adobe Fireworks CS4” ou também poderíamos utilizar o Fireworks MX2004, que iremos obter o mesmo resultado, onde o primeiro passo é baixar um plugin “Flash Slide Show”,que se encontra em anexo a esta coluna para o desenvolvimento de nossa coluna.
Feito isso iremos descomprimir o arquivo e efetuar a sua instalação onde em nosso caso selecionamos o Adobe Extension Manager CS4 selecionando as teclas CTRL+O para localizar o arquivo e efetuar sua instalação conforme abaixo:
Slide Show em seu site
Figura01-Plugin

Agora iremos abrir um novo documento onde seu tamanho em nosso exemplo será de 200*200,onde esse procedimento não se altera para as versões anteriores(Menu File»New)
Com o documento criado criamos um retângulo nas mesmas proporções e modificamos suas propriedades para um melhor efeito em nosso slide conforme vemos abaixo:
Slide Show em seu site
Figura02-Propriedades

Definido como será nosso frame iremos duplicá-lo duas vezes  através do meu window »states(Shift+F2) e inserir um tempo de 300 second conforme visto anteriormente e descrito abaixo  :
  • Slide Show em seu site
    Figura03-Frames

Agora iremos ao menu  Commands » Flash Slide Show Lite onde irá surgir a seguinte tela:
Slide Show em seu site
Figura04-Configurações

Onde em nossa próxima tela iremos configurar o design de nosso slide conforme vemos abaixo:
Slide Show em seu site
Figura05-Design

Na próxima tela vemos informações sobre como será feita a troca das informações(loop):
Slide Show em seu site
Figura06-loop

Na próxima tela temos o  código html gerado:
Slide Show em seu site
Figura06-Html

Onde na tela acima selecionamos o botão Export que iremos exportar o slide criado para um local de nossa preferência conforme vemos abaixo:
Slide Show em seu site
Figura07-Final

Onde o resultado final pode ser CONFERIDO AQUI ,onde todo o slide pode ser refeito com  a inserção de links, textos,etc.,tudo dependendo do desenvolvedor em no caso foi feito um modelo bem simples.

Mais sobre: fireworks, slide show, fotos
Share Tweet
DESTAQUES
Mais compartilhados
Comentários