Slideshow com jQuery
No meu projeto atual eu tive que montar um slideshow para ser o destaque principal da Home do site. O site terá 4 pilares principais, e o objetivo deste slideshow é ficar alternando entre o destaque diário de cada pilar. Eu ainda preciso fazer alguns ajustes de conteúdo, mas a implementação está bem próxima do que será o definitivo.
Eu construí esse slideshow usando um plugin do jQuery chamado s3slider. A estrutura do slideshow em si era parecida com o que eu precisava, mas eu tive que customizar um bocado o HTML e CSS do exemplo dele. Foi um ótimo exercício, porque eu tive que lidar muito com transparências dos elementos, e isso é uma coisa que varia um pouco de um browser pro outro, e deu um certo trabalho pra acertar.
Para vocês verem que maravilha é o jQuery, o slideshow funcionou de primeira no Firefox 2 e 3, Safari, Google Chrome, IE 6 e 7. No Opera ele não ficou “tão suave”, mas acho que dá pra aceitar esse pequeno “defeito” :) A questão de lidar com as transparências eu tive que tratar, porque é CSS. Mas o javascript do slideshow, God Bless jQuery!
Como o site ainda não foi para produção, eu removi todo o conteúdo que podia identificar o site, e coloquei alguns conteúdos ilustrativos no lugar. Com isso, troquei a imagem de publicidade pelo escudo do mais querido, e coloquei alguns textos aleatórios que me vieram à cabeça agora há pouco.
Espero que vocês não se incomodem também de eu ter colocado meus carros para deslocamento no jardim de casa. Eram as fotos que tinham o tamanho adequado, então deixei elas mesmo
Clique aqui para ver o slideshow funcionando aqui no meu site. Clique aqui para baixar o zip com os arquivos do slideshow.

April 29th, 2009 at 10:07 am
Excelente, Bruno!
Matou a cobra e mostrou!
Grande abraço!
April 29th, 2009 at 8:53 pm
Que bom que você gostou
December 30th, 2009 at 12:44 pm
Parabéns pelo trabalho! Ficou excelente mesmo! Inclusive vou usar como base para meu projeto.
Meus parabéns! Continue sempre contribuindo!