タグ付けされた質問 「carousel」

次のボタンまたは前のボタンがクリックされない限り、ページロードでTwitterブートストラップカルーセルが自動的にスライドしないようにする方法はありますか？ ありがとう

119 jquery  twitter-bootstrap  carousel 

これは、Bootstrap 3カルーセルで実現しようとしている効果です。 一度に1つのフレームを表示するだけでなく、Nフレームが横にスライドして表示されます。次に、スライドするとき（または自動スライドするとき）、スライドのグループをシフトするように移動します。 これはブートストラップ3のカルーセルで実行できますか？さらに別のjQueryプラグインを探す必要がないことを願っています...

110 jquery  twitter-bootstrap-3  jquery-plugins  carousel  bootstrap-4 

次の画像をご覧ください。画像の回転にはブートストラップカルーセルを使用しています。ただし、ウィンドウの幅が大きい場合、画像はボーダーに正しく配置されません。 しかし、ブートストラップによって提供されるカルーセルの例は、ウィンドウの幅に関係なく、常に適切に機能します。コードに従う。 カルーセルが異なる動作をする理由を誰かが説明できますか？これは画像サイズと関係がありますか、それともブートストラップ設定が不足していますか？ <section id="carousel"> <div class="hero-unit span6 columns"> <h2>Welcome to TACT !</h2> <div id="myCarousel" class="carousel slide" > <!-- Carousel items --> <div class="carousel-inner"> <div class="item active" > <img alt="" src="/eboxapps/img/3pp-1.png"> <div class="carousel-caption"> <h4>1. Need a 3rd party jar?</h4> </div> </div> <div class="item"> <img alt="" src="/eboxapps/img/3pp-2.png"> <div class="carousel-caption"> <h4>2. Create …

93 javascript  jquery  twitter-bootstrap  carousel 

無限に回転する3Dホイールをシミュレートする1​​2項目のカルーセルを作成する必要があります。明確にするために、私はこの効果を正確に作成する必要があります： https://codepen.io/SitePoint/pen/yXWXaw（ここにあります） ただし、これらの追加機能を使用すると（特にデスクトップおよびモバイルでは）、次のようになります。 スライドはスワイプの手順を追う必要があります。つまり、スライドはスワイプ中に移動する必要があります（Swiperと同じ）。 速いスワイプで、勢いのある多くのスライドをスクロールするはずです（Swiperがで行うように freeScroll）。 次に、ホイールが回転を停止すると、（Swiperがと同様freeModeStickyに centeredSlides）前のスライドにスナップし、ユーザーから選択されたものになります。 slideChanged（Swiperのように）スライドが変わるたびに（のようなイベント）コールバックが必要です。 これらすべての理由から、Swiper 5.3.0が良い出発点になると思いました。 私はさまざまな回避策を試しましたが、この設定の方が優れていますが、これloop: trueはひどい回避策であり、問​​題を引き起こします（コメントを確認してください）。 var swiper = new Swiper(el_class, { slidesPerView: 1.5, spaceBetween: 25, centeredSlides: true, grabCursor: true, speed: 550, loop: true, // <== repeat infinitely the 12 items. with fast scroll at the end of a cycle it waits a …

9 javascript  css  carousel  swiper