Background Conteúdo

[Daniel Bonelli Khairalla 0]

Boa tarde pessoal,

 

Minha dúvida é a seguinte: 

1) Tenho 4 Conteúdos:

Texto1,    

Texto2,    

Texto3,

Texto4

 

Preciso que o fundo azul fique passando pelos textos de forma automática a cada 3 segundos... 

 

html utilizado:

 

<section class="section-pad side-shapes">
<div class="container text-md-left">
<div class="row flex-center flex-middle">
<div class=col-md-6 style=margin-top:-30px>
<div>    
 <h6>Captura da Imagem</h6>
 <hr class=divider style=margin-left:5px>
    <p>Texto1
</p>    
</div>
<br>
<div>    
 <h6>Verificação de Políticas</h6>
 <hr class=divider style=margin-left:5px>
    <p>Texto2</p>    
</div>
<br>
<div >    
 <h6>Aprovação</h6>
 <hr class=divider style=margin-left:5px>
    <p>Texto3</p>    
</div>
<br>
<div>    
 <h6>Gestão</h6>
 <hr class=divider style=margin-left:5px>
    <p>Texto4</p>    
</div>
 </div>

</section>

 

 

 

 

Não sei se me expressei da melhor maneira. 

 

[snowstormdelivery 19]

Não entendi direito, Daniel. Tem como explicar melhor, talvez, com algumas imagens? Além do mais, posta os códigos referentes ao componente bugado.

[Daniel Bonelli Khairalla 0]

22 horas atrás, Joao_Lucaas disse:

Não entendi direito, Daniel. Tem como explicar melhor, talvez, com algumas imagens? Além do mais, posta os códigos referentes ao componente bugado.

Editei o conteúdo....veja se ficou claro! Qualquer coisa me avise... Obrigado!

[HwapX 20]

Seria bom se você publicasse o slide em algum site como o https://jsfiddle.net/ para que possamos ver e testar.

[Daniel Bonelli Khairalla 0]

Em 20/03/2018 at 04:32, HwapX disse:

Seria bom se você publicasse o slide em algum site como o https://jsfiddle.net/ para que possamos ver e testar.

Poderia das um help?

[HwapX 20]

Para isso preciso que o código esteja publicado em algum local para poder ver o que acontece e o que pode ser feito.

[Daniel Bonelli Khairalla 0]

24 minutos atrás, HwapX disse:

Para isso preciso que o código esteja publicado em algum local para poder ver o que acontece e o que pode ser feito.

 

Segue conforme solicitado... https://jsfiddle.net/228kL52e/7/

 

 

A intenção é que o background fique passando pelos textos (1,2,3,4) de formar automática a cada 3S... agradeço desde já a atenção.

[Maujor 144]

28 minutos atrás, Daniel Bonelli Khairalla disse:

Segue conforme solicitado...

O script mostrado usa jQuery, mas a biblioteca não foi anexada ao seu jsfiddle.
Você está usando jQuery também ou vai usar vanilla JS?

[Daniel Bonelli Khairalla 0]

46 minutos atrás, Maujor disse:

O script mostrado usa jQuery, mas a biblioteca não foi anexada ao seu jsfiddle.
Você está usando jQuery também ou vai usar vanilla JS?

Na teoria colocaria em vanilla por se tratar de algo simple (para quem sabe rss)....Jquery creio que são para coisas complexas...

Como nunca pratiquei isso que me pediram...estou um pouco perdido..