ウェブサイトはスワイパープラグインを使って画像スライドショー(カルーセル)を実装しています。

クズども · 掲載地 2021/02/09 10:42:04

この記事では、swiper-6.4.5をデモンストレーションチュートリアルとして使用しており、ウェブページを開発する際に、プラットフォームがホームページにスライド(カルーセルチャート)効果を追加することがあります。下図のように:

まず、スワイパーのCSSとjsファイルを紹介します:

画像にはテキスト紹介が添付されており、以下のCSSスタイルを追加する必要があります。

HTMLコードは以下の通りです:

jsコールを使うと、こんな感じです:

(終わり)

[その他] ウェブサイトはスワイパープラグインを使って画像スライドショー(カルーセル)を実装しています。