[Resolvido] Scrollable para textos

[Gabriel Fernandez 0]

Galera já achei códigos para fazer scrollable com fotos http://flowplayer.org/tools/demos/scrollable/index.html

 

Mas o q eu quero mesmo é fazer com a Div em si... e não com foto exatamente

 

Exemplo:

 

<div id="geral">
  <div id="div1" style="background-color:black;">Essa aqui é a div 1</div>
  <div id="div2" style="background-color:blue;">Essa aqui é a div 2</div>
  <div id="div3" style="background-color:red;">Essa aqui é a div 3</div>
  <div id="div4" style="background-color:green;">Essa aqui é a div 4</div>
</div>
<a href="#">Avançar</a><a href="#">Voltar</a>

ai nesse caso na pagina iria aparecer um bloco preto.... escrito "Essa aqui é a div 1"

quando clicar Avançar.... o bloco iria se mover como se fosse um scrollable do site q postei la em cima... e iria aparecer um bloco azul escrito "Essa aqui é a div 2"

 

 

Alguém?

[Thiago Retondar 18]

Não uso jQuery, então não sei se vai dá certo, mas tente isto:

 

<script> 
// execute your scripts when the DOM is ready. this is a good habit 
$(function() { 
 
    // initialize scrollable 
    $("div.animations").scrollable(); 
 
}); 
</script>

E seu HTML:

 

<div id="geral">
  <div class="animations" style="background-color:black;">Essa aqui é a div 1</div>
  <div class="animations" style="background-color:blue;">Essa aqui é a div 2</div>
  <div class="animations" id="div3" style="background-color:red;">Essa aqui é a div 3</div>
  <div class="animations" id="div4" style="background-color:green;">Essa aqui é a div 4</div>
</div>
<a href="#">Avançar</a><a href="#">Voltar</a>

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Gabriel Fernandez 0]

vlw... resolvido