Skip to content


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!

Slideshow com 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.

Posted in posts em português.

Tagged with , , .


5 Responses

Stay in touch with the conversation, subscribe to the RSS feed for comments on this post.

  1. Fabiano Izabel says

    Excelente, Bruno!
    Matou a cobra e mostrou!

    Grande abraço!

  2. blpsilva says

    Que bom que você gostou :)

  3. erik says

    Parabéns pelo trabalho! Ficou excelente mesmo! Inclusive vou usar como base para meu projeto.

    Meus parabéns! Continue sempre contribuindo!

  4. kim kardashian sex tape says

    Thank You, http://kimkardashiansextapet.webs.com/ kim kardashian sex tape discount, =]]],

  5. First paris hilton sex tape says

    Perfect work, First paris hilton sex tape, [url= http://parishiltonsextaped.webs.com/ ]First paris hilton sex tape[/url], >:-],



Some HTML is OK

or, reply to this post via trackback.



  • Buy Cheap what is xanax Now Free Viagra Pills! Drugs, Health And Beauty.
  • Buy Cheapest viagra order Now Pharmacy At The Best Price! Best Drugstore.
  • Buy Cheap without prescription tramadol Online Guaranteed Shipping. Pharmacy Store.
  • Buy Cheap order verapamil Online Best Internet. Internet Prices For order verapamil!
  • Buy Cheapest phentermine 30 mg Now Cheap Online Pharmacy. Best Drugstore.
  • Buy Cheapest diet pill that works Now Best Drugstore. Internet Prices For diet pill that works!
  • Buy Cheapest best buy viagra Online Low Prices. Online Prices For best buy viagra!
  • Buy Cheapest what do xanax look like Now Discount Pharmacy Online. Best Internet.
  • Buy Cheapest cialis maximum dose Now 24/Online Pharmacy. Best Drugstore.
  • Buy Cheap trimethoprim sulfamethoxazole Now Free Viagra Pills! Internet Prices For trimethoprim sulfamethoxazole!
  • Buy Cheap viagra erection duration Now 24/Online Pharmacy. Top Online Pharmacy.
  • Buy Cheapest cialis for women Now Best Drugstore. No Prescription Needed.
  • Buy Cheap valium for sale Now No Prescription Needed. 24/Online Pharmacy.
  • Buy Cheapest levitra drugs Online Cheap Pharmacy Online. Best Drugstore.
  • Buy Cheapest purchase phentermine without prescription Online Discount Drugs At Best Online Drugstore.
  • Buy Cheapest fda approved weight loss Now Buy Medications Online. Free Viagra Pills!
  • Buy Cheap medications on line Online The Largest Internet Pharmacy. Low Prices.
  • Buy Cheap lexapro benefits Now No Prescription Needed. Free Viagra Pills!
  • Buy Cheapest 37.5 phentermine online Online Best Prices. Internet Prices For 37.5 phentermine online!
  • Buy Cheap us pharmacy no prescription ambien Now Discount Pharmacy Online. Guaranteed Shipping.
  • Buy Cheapest norvasc buy Online Discount Online Pharmacy. Best Prices.
  • Buy Cheapest valium 10 Now 24/Online Pharmacy. Guaranteed Shipping.
  • Buy Cheapest buy tramadol without prescription Now Low Prices. Pharmacy At The Best Price!
  • Buy Cheap buy pain pills Online Best Internet. Drugs, Health And Beauty.
  • Buy Cheap ambien us pharmacy Now Best Online. Internet Prices For ambien us pharmacy!
  • Buy Cheapest prescription depression Now Low Prices. Discount Online Pharmacy.
  • Buy Cheapest cheap viagra soft tablet Now Cheap Prescription Drugs. Best Drugstore.
  • lorazepam dosages Online Without Prescription Low Prices. Best Internet.
  • cialis tadalafil information page Online Without Prescription WorldWide Shipping. Best Prices.
  • Buy Cheap over the counter viagra Now Online Prices For over the counter viagra! Best Drugstore.
  • Buy Cheap what does xanax look like Now Best Internet. Top Online Pharmacy Supplier.
  • Buy Cheap overnight acne treatment Online Pharmacy Store. Cheap Pharmacy Online.
  • Buy Cheap list of pain medications Online Pharmacy Store. Online Prices For list of pain medications!
  • Buying Cheap generic viagra cheap. Worldwide Rx, Good Prices. WorldWide Shipping.
  • Buying Cheap mebendazole tablets. Offshore Rx, Good Prices. Guaranteed Shipping.
  • Buy Cheap strongest otc pain reliever available Online Best Online. No Prescription Needed.
  • Buy Cheap medical discount international drug Now Guaranteed Shipping. Cheap Prescription Drugs.
  • Buy Cheapest phentermine lowest prices Now Best Online. Discount Online Pharmacy.
  • Buy Cheap phentermine with no rx Online Best Drugstore. Discount Online Pharmacy.
  • Buy Cheap cialis 5mg Online Prescription Drugs And Generic Medications.
  • Buy Cheap use of viagra Now Low Prices. Drug Store Without A Prescription.
  • Buy Cheap vitamin information Online Cheap Prescription Drugs. Best Internet.
  • Buy Cheapest cheap viagra pill Now Online Medical Shop. Cheap Online Pharmacy.
  • Buy Cheapest diazepam medication Online Pharmacy At The Best Price! Low Prices.
  • Buy Cheapest symptoms of xanax withdrawal Online Free Viagra Pills! Online Medical Shop.
  • Buy Cheap ultram rx Now 24/Online Pharmacy. Free Viagra Pills!
  • Buy Cheap treatment of arthritis Online Order Cheap Meds Without Rx. Best Online.
  • Buy Cheap online ativan Online Top Online Pharmacy. Best Drugstore.
  • order tramadol online Online Without Prescription Cheap Meds Without Prescription.
  • Buy Cheap drug sarafem Online Cheap Pharmacy Online. Pharmacy Store.
  • Buy Cheapest viagra substitute Now Buy Medications Online. WorldWide Shipping.
  • Buy Cheap order norvasc Online Online Medical Shop. WorldWide Shipping.
  • Buy Cheapest mexican rx cialis low price Now Special Prices For mexican rx cialis low price! Pharmacy Store.
  • Buy klonopin clonazepam Without Prescription Doctor. Best Internet. Low Prices.
  • Buy Cheap ultram pregnancy Now Cheap Pharmacy Online. Online Medical Shop.
  • Buy Cheapest prescription acne Now Best Drugstore. Buy Medications Online.
  • Buy Cheapest tadalafil generika Online Low Prices. Internet Prices For tadalafil generika!
  • Buy Cheapest cialis online consultation Online Top Online Pharmacy. Best Prices.
  • Buy Cheap obesity pill Online Discount Online Pharmacy. Best Prices.
  • Buy Cheap buy a weight loss program Now Best Prices. 100% Satisfaction Guaranteed.
  • Buy Cheapest dose diflucan Online Best Online. Guaranteed Shipping.
  • Buy Cheap elite pharmacy Online Top Online Pharmacy Supplier. Low Prices.
  • Buy Cheapest buy medication online fast Online Discount Online Pharmacy. Best Internet.
  • prescription weight loss medication Online Without Prescription Free Viagra Pills! Low Prices.
  • Buy Cheapest cheap diazepam site Now No Prescription Needed. Best Drugstore.
  • Buy Cheap using cialis professional Now Low Prices. No Prescription Needed For Drugs.
  • Buy Cheap free ambien Online Low Prices. The Largest Internet Pharmacy.
  • Buy Cheapest sexual impotence Online Discount Pharmacy Online. Best Internet.
  • how to get pain medicine Online Without Prescription WorldWide Shipping. Best Prices.
  • Buy Cheap canada cialis Now The Largest Internet Pharmacy. Best Internet.
  • Buy Cheap viagra and blood pressure meds Now Low Prices. Safe And Secure Payment System.
  • Buy Cheapest tramadol 50 mg tablets Now Cheap Prescription Drugs. Low Prices.
  • Buy Cheapest valtrex commercials Now Special Prices For valtrex commercials! Pharmacy Store.
  • Buy Cheap treatment of roundworms Online Low Prices. 100% Satisfaction Guaranteed.
  • Buy Cheap hair loss online stop Online Cheap Prescription Drugs. Best Online.
  • Buy Cheap top fat burners Now Pharmacy Store. Discount Online Pharmacy.
  • weight loss prescription arizona Online Without Prescription Best Prices. Pharmacy Store.
  • Buy Cheap online tramadol pharmacy Now Discount Pharmacy Online. Top Online Pharmacy.
  • Buy Cheap levitra results Online Free Viagra Pills! Cheap Online Pharmacy.
  • Buy Cheapest appetite control pills Now No Prescription Needed. Free Viagra Pills!
  • Buy buspar information Online Without Prescription. Pharmacy Store. Low Prices.
  • Buy Cheapest discount generic medications Online Pharmacy Store. Cheap Online Pharmacy.
  • Buy Cheap ambien long term use Online Special Prices For ambien long term use! Best Prices.
  • Buy Cheap chinese viagra Online Best Drugstore. No Prescription Needed.
  • Buy Cheap generic pharmacy Online Discount Online Pharmacy. Best Internet.
  • Buy Cheapest non prescription diuretic Now Guaranteed Shipping. WorldWide Shipping.
  • Buy Cheapest buy anti obesity drugs Now Drugs, Health And Beauty. Best Internet.
  • Buy Cheap levitra onlines Online Best Prices. The Largest Internet Pharmacy.
  • Buy Cheapest viagra cialis levitra comparison Online Best Drugstore. Cheap Online Pharmacy.
  • Buy Cheapest usa pharmacy Now Best Prices. Discount Pharmacy Online.
  • Buy Cheapest free trial viagra Now The Largest Internet Pharmacy. Best Prices.
  • Buy Cheap online propecia prescription Online Best Internet. No Prescription Needed.
  • Buy Cheapest buying pain medication online Now Cheap Pharmacy Online. Top Online Pharmacy.
  • Buy Cheapest online tramadol pharmacy Online 24/Online Pharmacy. Best Prices.
  • Buy Cheapest ambien purchase Now Best Drugstore. Drugs, Health And Beauty.
  • Buy Cheap what burns body fat Now 24/Internet)(safe Pharmacy. Best Prices.
  • Buying Cheapest weight loss products for women. Mexican Rx, Good Prices. Free Viagra Pills!
  • Buy Cheapest pinworms medication Online Online Medical Shop. WorldWide Shipping.
  • Buy Cheapest generic compazine Online Best Online. Discount Online Pharmacy.
  • Buy Cheap without prescription tramadol Now Online Medical Shop. Online Prices For without prescription tramadol!