1

BootstrapレスポンシブでjCarouselLiteを使用しているときに問題が発生しました。

プラグインの初期化は基本的なものです:

$("#slider").jCarouselLite({
    auto: 800,
    speed: 1000,
    visible: 4
});

ここでデモを作成しましたが、すべてが非常にうまく機能していますが、ブラウザのサイズを変更してグリッド列が全幅にまたがると、jCarouselLite 要素がおかしくなり始めることに気付くでしょう。

要素の幅が特大です。

jsfiddleバージョンからも同じことが表示されます。

サイズを示す画像を添付しました： 特大サイズの jCarousel 要素

修正はありますか？

4

1 に答える 1

0

jCarouselLite は実際にはレスポンシブ スライダーとして意図されたものではないため、レスポンシブ レイアウト用により具体的に設定された (ビューポートの変更を検出して反応する) 代替手段を試すことが最善の策です。

Twitter Bootstrapに適したものはありますか?

それを保存して、私が使用する傾向がある代替手段は次のとおりです。

  • RoyalSlider - 有料ですが機能が豊富です!
  • bxSlider - 無料で、WTFPL ライセンスの下でリリースされています。これは、私が現在最もよく使用しているものです。RoyalSlider よりもわずかに複雑ですが、商用アプリケーションでの使用に最適で、拡張も非常に簡単です。
于 2013-05-29T13:29:31.587 に答える