ホームページ  >  記事  >  ウェブフロントエンド  >  ブートストラップカルーセルで自動カルーセルを停止する方法

ブートストラップカルーセルで自動カルーセルを停止する方法

(*-*)浩
(*-*)浩オリジナル
2019-07-17 10:36:075965ブラウズ

ブートストラップカルーセルで自動カルーセルを停止する方法

bootstrap には、完全な機能と非常に標準的なカルーセル タイプを備えた Web ページ画像カルーセルが組み込まれています。

カルーセル メイン コンテナの作成

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">  </div>

は非常に高速で便利です。

しかし、ページ上で複数のブートストラップ カルーセル コンポーネントを使用する場合、すべてのカルーセル画像が自動的に回転すると、画面全体が移動することになり、ユーザーに非常に悪いエクスペリエンスを与えることになります。

したがって、カルーセルの自動カルーセルをオフにする必要があります。

Close メソッド: 次の属性を削除します:

data-ride="carousel"

Bootstrap に関連する技術的な記事については、Bootstrap Tutorial 列を参照してください。 。 勉強!

以上がブートストラップカルーセルで自動カルーセルを停止する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。