[Resolvido] Efeito do banner do site locaweb

[mv.silvapereira 0]

Como consigo fazer aquele efeito de banner igual o da locaweb onde.. o conteudo muda com uma transição e o fundo muda com outra transição???

[lls98 2]

Tenta usando duas divs

[mv.silvapereira 0]

Mas qual seria o melhor plugin pra fazer isso?? estou usando o coda-slider e quando coloco as 2 div vira uma bagunça soh...

[William Bruno 1501]

Oi,

 

Na Locaweb, fizemos "na mão", sem usar plugins.

 

 

Um plugin bacana que você pode usar é o:

http://tympanus.net/Tutorials/SlideshowJmpress/

[mv.silvapereira 0]

Como falei por mensagem William Bruno.. meu maior problema é mesmo a troca da cor de fundo da div pai

 

<section id="featured">
 <div class="hold">
     <div class="content-featured">
           <div>
             Banner1
           </div>  

           <div>
             Banner 2
           </div>

           <div>
             Banner 3
           </div>
     </div>  
 </div>
</section>

 

Como pode ver no html eu tenho a div featured que envolve as divs onde estão os banners.. o efeito de transição eu consegui numa boa com o jcycle o problema está em conseguir mudar o background da featured de junto com cada banner.. não faça a minima idéia de como fazer isso.. =/

 

 

ps: Adorei o plugin q você mandou.. efeitos super bacanas.. Valeuuu

[William Bruno 1501]

como você ta usando o cycle, você tem q usar o callback de transição dele:

 

http://jquery.malsup.com/cycle/options.html

 

 

before: null, // transition callback (scope set to element to be shown): function(currSlideElement, nextSlideElement, options, forwardFlag)

 

 

o before vai ser disparado logo antes de trocar para o próximo banner, nesse callback, você faz a troca do bg do elemento pai.

[mv.silvapereira 0]

Estou tentando instalar o plugin q você me passou jmpress mas quando linko todos os scripts e chamo a função igual ensinado no site da um erro

"Uncaught TypeError: Cannot call method 'data' of undefined "

 

Sabe oq pode ser??

[William Bruno 1501]

em qual linha e em qual arquivo ?

 

esse erro não parece ter referência com o plugin de slide

[mv.silvapereira 0]

Soh pra constar... o erro resolveu.. tinha algo a ver com o nome da div q chamava o plugin..

 

Com o plugin q o grande William passou resolveu meus problemas.. ele faz exatamente o que eu queria.. recomendo.. muito bom, estável e com grande personalização.. Problema resolvido =D