Enviado em 28/07/2016 - 15:17h
Boa tarde pessoal... estou fazendo alguns testes aqui... a minha ideia é mudar um texto que esta sobre uma imagem a cada 5 segundos. O que sucede é o seguinte:
setInterval(function () {
if($('p').eq(0).is(':visible')){
$('p').eq(0).css('visibility','hidden');
$('p').eq(1).css('visibility','visible');
$('p').eq(2).css('visibility','hidden');
}else if($('p').eq(1).is(':visible')){
$('p').eq(0).css('visibility','hidden');
$('p').eq(1).css('visibility','hidden');
$('p').eq(2).css('visibility','visible');
}else if($('p').eq(2).is(':visible')){
$('p').eq(0).css('visibility','visible');
$('p').eq(1).css('visibility','hidden');
$('p').eq(2).css('visibility','hidden');
}else{
$('p').eq(0).css('visibility','visible');
$('p').eq(1).css('visibility','hidden');
$('p').eq(2).css('visibility','hidden');
}
}, 5000);
<div id="legenda"><p>legenda 1</p></div>
<div id="legenda"><p>legenda 2</p></div>
<div id="legenda"><p>legenda 3</p></div>
#legenda{
width:400px;
background-color: rgba(0,0,0,0.6);
height:60px;
position: absolute;
z-index: 1;
top: 390px;
line-height: 60px;
visibility: visible;
}
p{
color: white;
font-family: ubuntu;
font-weight: bold;
font-size: 11pt;
z-index: 3;
padding: 0px;
visibility: hidden;
}
Como gerar um podcast a partir de um livro em PDF
Automatizando digitação de códigos 2FA no browser
Resolver problemas de Internet
Como compartilhar a tela do Ubuntu com uma Smart TV (LG, Samsung, etc.)
Conheça a 4Devs, caixa de ferramentas online para desenvolvedores
Como converter um vídeo MP4 para um GIF para publicar no README.md do seu repositório Github
Como Instalar o Microsoft Teams no Linux Ubuntu