高さ/幅の100％のdivs - カルーセルナビゲーション？

Question

私は100％の幅と高さを使用してフルスクリーンの画像スタイルを実現するウェブページを持っています。しかし、これらのdivが並んでいるようにしたいと思います。ボタンをクリックすると、次のまたは前のスライドに移動します。私はこれをどのように達成できると思いますか？

ここカルーセルコードです：

<div class="page-carousel"> 

    <div class="page page-01" style="background: url(images/01.jpg);"> 

     <div class="page-text"> 

      <h1>Headline</h1> 
      <h2>Subheader</h2> 

      <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> 

     </div> 

    </div> 

    <div class="page page-02" style="background: url(images/02.jpg);"> 

     <div class="post-text"> 

      <h1>Headline</h1> 
      <h2>Subheader</h2> 

      <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> 

     </div> 

    </div> 

</div> 

とCSS：事前に

.page-carousel{ 
    height: 100%; 
    width: 100%; 
} 

.page{ 
    height: 100%; 
    width: 100%; 
    background: no-repeat bottom center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
    position: relative; 
    float: left; 
    z-index:0; 
} 

ありがとう！

Answer 1

正しい軌道に乗ってあなたを得るために非常に簡単な例を、あなたがプラグインを選ぶません提供：

http://jsfiddle.net/22VNQ/1/

注：またしてください投票アップし、正しいと答えをマーク。これまでの回答ではこれをやっていないようだから、返答がない。

Answer 2

お好きなスライドショー特定のJavaScriptを使用したい -

Impress.js：https://github.com/bartaz/impress.js/wiki/Examples-and-demos

Deck.js：http://imakewebthings.com/deck.js/

Reveal.js：https://github.com/hakimel/reveal.js