0

数日前、http://www.billboard.com/ で非常に興味深いスライドショーを見つけました。再構築する方法を考えてみましたが、惨めに失敗しました。

それは私がすでに達成したことです.jQueryの私の知識はそれを完了するのにそれほど良くありません.

これは、私の基本的なアイデアを実現するために私のコードを少しプレビューしたい皆さんのための Dropbox リンクです。 https://www.dropbox.com/s/pb19ydkkr7du2cl/slide.php

うまくいけば、私の問題に対する「簡単な」解決策を教えてくれることを願っています (無限のスライドとそのコンテンツ間の間隔の切り替え)。

4

1 に答える 1

0

私はあなたのコードを見ませんでしたが、私の頭の上から、ブートストラップカルーセルのようなものが必要だと思います: http://twitter.github.io/bootstrap/javascript.html#carousel

セットアップはとても簡単です。すべてのドキュメントは、この回答に追加したリンクにあります。基本的に、次のアイコンと前のアイコンを に保持し、<ol>各画像を class の div に保持しitemます。

<div id="myCarousel" class="carousel slide">
  <ol class="carousel-indicators">
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
    <li data-target="#myCarousel" data-slide-to="1"></li>
    <li data-target="#myCarousel" data-slide-to="2"></li>
  </ol>
  <!-- Carousel items -->
  <div class="carousel-inner">
    <div class="active item">…&lt;/div>
    <div class="item">…&lt;/div>
    <div class="item">…&lt;/div>
  </div>
  <!-- Carousel nav -->
  <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
  <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
</div>
于 2013-07-14T11:58:28.437 に答える