Slide de Fotos igual do UOL e da FOLHA

links patrocinados

Na primeira página do site da UOL e no site do jornal Folha de São Paulo existe um quadro onde são exibidas as fotos do dia. Esta fotos são mostradas como slides que mudam automaticamente. Este recurso é muito atrativo para o visitante. Certamente esta deve ser a parte mais vista pelos usuários destes sites.

Você pode utilizar este mesmo tipo de slides com auto play no seu blog ou site. Veja um exemplo funcionando.

O sistema utiliza Javascript, HTML e CSS. Você pode adicionar um pequeno texto em cada foto. A mudança de foto é feita automaticamente mas o usuário tem o poder de escolher qual foto deseja ver clicando nas miniaturas.

Para baixar os arquivos e ler todas as orientações sobre o uso desta aplicação web visite aqui.

Se você gostou clique no botão . Para ser avisado quando novos conteúdos forem publicados cadastre seu e-mail clicando aqui ou assinar nosso feed. Compartilhe este artigo com seus amigos no Facebook, Twitter, Google e por e-mail:
links patrocinados
Para localizar outros artigos sobre este assunto use o campo de busca:
Podemos te avisar sempre que um novo artigo for publicado em nosso site. Para isto basta cadastrar seu e-mail usando o formulário abaixo e confirmar seu cadastro através da mensagem de confirmação que iremos enviar.

E-mail: A entrega será feita pelo Google FeedBurner

Compartilhe o artigo Slide de Fotos igual do UOL e da FOLHA com seus amigos:

Cursos Online com Certificado de Conclusão:


Cursos On-line com Certificado

4 comentários

  1. Carlinhos lima disse:

    só nãoestou conseguindo colocar na pagina…porque estou copiando o codigo html que mostra mais quando coloco na pagina não fica igual …fica parecendo um predio de tantas letras….poderia me dar uma dica como coloco na pagina…eu uso o cariboost editor de peginas…obrigado Carlinhos

  2. Ekilson Vilela disse:

    Também estou com o mesmo problema do Carlinhos não estou conseguindo configurar as fotos no local desejado na minha pagina.
    Estou usando o Dreamweaver Mx facarei muito grato. Desde já muito obrigado

  3. Silmar disse:

    como posso deminuir o tamnha do Slide de Fotos?

  4. humberto disse:

    perfeitoooo muito bom, quanto as duvidas ai de cima do pessoal também uso o dream e é o seguinte o problema do ekilson pode ser o css .. é so adicionar o css no css da pagina que resolve ..
    o script é assim mesmo num sei se vc observou mais ele usa DRAW AP DIV

Deixe seus comentários