自作モーダル&Swiperで実装するスライダーのDEMO

JavaScriptでの自作モーダルと、Swiperのスライダーを組み合わせた実装DEMOページです。

サムネイル画像かボタンをクリックすると、モーダルを開いて指定したスライドを表示します。

スライド1枚目のサンプルテキストです。

サムネイル画像か以下のボタンをクリックすると、モーダルを開いて1枚目のスライドに移動します。

スライド2枚目のサンプルテキストです。

サムネイル画像か以下のボタンをクリックすると、モーダルを開いて2枚目のスライドに移動します。

スライド3枚目のサンプルテキストです。

サムネイル画像か以下のボタンをクリックすると、モーダルを開いて3枚目のスライドに移動します。

スライド4枚目のサンプルテキストです。

サムネイル画像か以下のボタンをクリックすると、モーダルを開いて4枚目のスライドに移動します。