Bruno Pereira

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.

This entry was posted on Tuesday, April 28th, 2009 at 10:46 pm and is filed under posts em português, utilidades. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.