1

私はそのようなカルーセルを再現するのに苦労しています: http://bxslider.com/examples/carousel-dynamic-number-slides

唯一の違いは、単純な画像ではなく html コンテンツが含まれることです。基本的に HTML 構造は次のとおりです。

<ul class="slider">
  <li>
    <a href=""><img SRC=""></a>
    <div>some content</div>
  </li>
  <li>
    <a href=""><img SRC=""></a>
    <div>some content</div>
  </li>
  ...
</ul>

そしてここにJSがあります：

$('ul.slider').bxSlider({
  minSlides: 2,
  slideWidth: 360,
  slideMargin: 10
});

結果として、少なくとも 2 つの画像を最大で 2 つ以上表示したいときに、スライダーが一度に 1 つのアイテムしか表示しないという結果になるため、私がキャッチしなかったものがあるに違いありません。私のコードの何が問題になっていますか?

ここで実際の例を見ることができます: http://rommy.hd.free.fr/stillgood/index.php

大きなメイン画像の下を見ると、こちらがスライダー。

4

1 に答える 1

1

自分でそれを理解しました。私が使用していた bxSlider js ファイルのバージョンは、彼らの Web サイトで使用されていたものではなかったので、新たに再ダウンロードして作成しました!

于 2013-10-14T18:35:30.510 に答える