Slide com JavaScript! Mudar as mensagens das tags HTML

Front-end

14/10/2014

ajudem quem puder!
veja este slideshow deste site:
http://www.offofertas.com/comments.html
não muda nada quando clicamos nas setas next(direita) ou back(esquerda)..
gostaria que ao clicar a seta, ele troca-se a mensagem, e também o nome da pessoa..
acredito que seja algo com javascript, no onclick dos botões ter uma função, nessas funções definiriam as mensagens que seriam postas,.. Jquery envolvido nisso também, para facilitar o código javascript na hora de inputar os dados nas tags html..

Basicamente este é o código da página:
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<section class="scraps">
<h3>comentarios</h3>
<div style="display: block;" class="scrap-box">
<bloquote>
""Mensagem aqui, edite-a como quiser,...Mensagem aqui, edite-a como quiser,...Mensagem aqui, edite-a como quiser,..."
</bloquote>
<p>pessoa x</p>
<span class="back"></span>
<span class="next"></span>
</div>
</section>

</body>
</html>

Grato
Alexandre

Alexandre

Curtidas 0

Respostas

Joel Rodrigues

Joel Rodrigues

14/10/2014

Na verdade isso não é um slide, pois está fixo.
Use jQuery para tratar o evento click dos botões e mudar o texto do bloquote:
$(".next").click(function(){
  $("scrap-box").text("Nova mensagem");
});
GOSTEI 0
POSTAR