JavaScriptでの自作モーダルと、Swiperのスライダーを組み合わせた実装DEMOページです。
サムネイル画像かボタンをクリックすると、モーダルを開いて指定したスライドを表示します。
スライド1枚目のサンプルテキストです。
サムネイル画像か以下のボタンをクリックすると、モーダルを開いて1枚目のスライドに移動します。
スライド2枚目のサンプルテキストです。
サムネイル画像か以下のボタンをクリックすると、モーダルを開いて2枚目のスライドに移動します。
スライド3枚目のサンプルテキストです。
サムネイル画像か以下のボタンをクリックすると、モーダルを開いて3枚目のスライドに移動します。
スライド4枚目のサンプルテキストです。
サムネイル画像か以下のボタンをクリックすると、モーダルを開いて4枚目のスライドに移動します。
スライド1枚目のサンプルテキストです。スライド1枚目のサンプルテキストです。スライド1枚目のサンプルテキストです。スライド1枚目のサンプルテキストです。スライド1枚目のサンプルテキストです。
スライド2枚目のサンプルテキストです。スライド2枚目のサンプルテキストです。スライド2枚目のサンプルテキストです。スライド2枚目のサンプルテキストです。スライド2枚目のサンプルテキストです。
スライド3枚目のサンプルテキストです。スライド3枚目のサンプルテキストです。スライド3枚目のサンプルテキストです。スライド3枚目のサンプルテキストです。スライド3枚目のサンプルテキストです。
スライド4枚目のサンプルテキストです。スライド4枚目のサンプルテキストです。スライド4枚目のサンプルテキストです。スライド4枚目のサンプルテキストです。スライド4枚目のサンプルテキストです。