Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Vinnyy

Slide somente texto fade in-out

Recommended Posts

Olá, estou tentando fazer um slide onde somente o texto é trocado com um efeito fade in e fade out.

ficando assim:

<div id="slide1" class="slide">
<table border="0"  cellpadding="3" style="margin-left:10%;margin-right:10%; padding-top:3%" cellspacing="3">
<tr>
<td>Letraset lançou decalques contendo passagens de Lorem Ipsum, e mais recentemente quando passou a ser integrado a softwares de editoração eletrônica como Aldus PageMaker.Letraset lançou decalques contendo passagens de Lorem Ipsum, e mais recentemente quando pmente quando passou a ser integrado a mente quando passou a ser integrado a assou a ser integrado a softwares de editoração eletrônica como Aldus PageMaker.</td>
</tr>
</table><br>
<table border="0" cellpadding="10" style="margin-left:10%;;width:80%" cellspacing="3">
<tr>
<td>  <div style="float:left;width:50%;">Nota: 10</div>
</td>
<td><div style="float:right;width:30%;">Usuario</div></td>
</tr>
</table>
</div>

<div id="slide2" class="slide">
<table border="0"  cellpadding="3" style="margin-left:10%;margin-right:10%; padding-top:3%" cellspacing="3">
<tr>
<td>Letraset lançou decalques contendo passagens de Lorem Ipsum, e mais recentemente quando passou a ser integrado a softwares de editoração eletrônica como Aldus PageMaker.Letraset lançou decalques contendo passagens de Lorem Ipsum, e mais recentemente quando pmente quando passou a ser integrado a mente quando passou a ser integrado a assou a ser integrado a softwares de editoração eletrônica como Aldus PageMaker.</td>
</tr>
</table><br>
<table border="0" cellpadding="10" style="margin-left:10%;;width:80%" cellspacing="3">
<tr>
<td>  <div style="float:left;width:50%;">Nota: 7</div>
</td>
<td><div style="float:right;width:30%;">Usuario2</div></td>
</tr>
</table>
</div

onde o php irá adicionar 10 textos aleatorios do banco de dados (quando tiver esses 10 textos no banco) e eles irão trocar com efeito fade in, fade out. mas não estou conseguindo achar por onde começar isso.

Ja fiz uma slide que é parecida com isso mas não consigo reproduzi-la, Alguem ai pode me ajudar? Obrigado!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá Vinny, blza!

 

Veja se te ajuda.

 

http://jsfiddle.net/wilnet/ms4y40u5/

 

 

Agora é só vc implementar seu PHP nele para que fique Dinâmico o conteúdo.

 

 

Espero ter ajudado,

 

vlw

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.