[Resolvido] Testimonial Box Fade

[Chead 1]

Galera, estou procurando esse efeito mais não acho em lugar nenhum:

É um box de depoimento que fica dando fade in e fade out.

Ele está presente neste tema de site.

 

http://theme-fusion.com/avada

 

Fica na parte de baixo com o titulo "What Client’s Say".

 

Alguem pode me dar um help?

Abração ae

[Vadio 13]

lol.. ngn vai te ajuda pq você não procurou em lugar nenhum...

 

você pode fazer isso com kk framework js..

de uma olhada na função setInterval do js e procure por jQuery animation

qd tiver uma dúvida após ter pesquisado isso retorne q terei prazer em te ajudar.

[Bru_ce 53]

tente utilizar o framework jQuery, com o plugin Cycle.

 

Segue http://jquery.malsup.com/cycle/

 

Aperte CTRL + U lá no site que você mostrou e olhe como foi feito !

[Chead 1]

Valeu galera, acho que esse cycle plugin vai me ajudar um pouco, qql duvida retorno aqui. abs

[Ted k' 126]

Seria exatamente esse javascript.

http://codecanyon.net/item/layerslider-the-parallax-effect-slider/full_screen_preview/922100

 

Creio eu que seja pago esse script!

[Chead 1]

Consegui aqui galera, valeu pela ajuda ae!

 

Primeiro construi o html do jeito que eu queria:

 

               <div id="all">

               <div id="item-1"><em>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</em></div>

               <div id="item-2"><em> Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </em></div>

               <div id="item-3"><em>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</em></div>

               </div>

 

Depois apliquei o css neles:

 

#all{
font-size:12px;
color:#b8b8b8;
}

 

Em seguida baixei o plugin cycle e adicinei o jQuery e ele ao documento:

 

<script src="static/js/jquery.js" type="text/javascript"></script> /* o jQuery precisa vir antes do plugin */
<script src="js/jquery.cycle.lite.js"></script>

 

Logo, criei a função de fade:

 

<script type="text/javascript">
$(document).ready(function() {
   $('#all').cycle({
       fx: 'fade'
   });
});
</script>

E é isso ai galera, valeu pelo help! :) ps: compartilhei pois pode ter gente interessada também