このショートコードを使用するには「DigiPress Ex – Shortcodes」プラグインが必要です

サムネイルナビゲーション付きの CSS のみで動作する超軽量な簡易スライダーを表示できます。

表示幅が 920 ピクセル以下になるとレスポンシブ表示となり、サムネイルナビゲーションはメインスライドの直下に移動します。

画像のみを指定した最もシンプルな表示例

  • Slide image
  • Slide image
  • Slide image
  • Slide image
  • Slide image
  • Slide image
  • Slide image
  • Slide image
  • Slide image
  • Slide image
  • Slide image
  • Slide image
  • Slide image
  • Slide image

このショートコード

  • Slide image
  • Slide image
  • Slide image
  • Slide image
  • Slide image
  • Slide image
  • Slide image
  • Slide image
  • Slide image
  • Slide image
  • Slide image
  • Slide image
  • Slide image
  • Slide image

垂直にスライド、高さを変更、スライドにタイトルを表示した例

  • Slide image

    スライドタイトル #1

  • Slide image

    スライドタイトル #1

  • Slide image

    スライドタイトル #2

  • Slide image

    スライドタイトル #2

  • Slide image

    スライドタイトル #3

  • Slide image

    スライドタイトル #3

  • Slide image

    スライドタイトル #4

  • Slide image

    スライドタイトル #4

  • Slide image

    スライドタイトル #5

  • Slide image

    スライドタイトル #5

  • Slide image

    スライドタイトル #6

  • Slide image

    スライドタイトル #6

  • Slide image

    スライドタイトル #7

  • Slide image

    スライドタイトル #7

このショートコード

  • Slide image

    スライドタイトル #1

  • Slide image

    スライドタイトル #1

  • Slide image

    スライドタイトル #2

  • Slide image

    スライドタイトル #2

  • Slide image

    スライドタイトル #3

  • Slide image

    スライドタイトル #3

  • Slide image

    スライドタイトル #4

  • Slide image

    スライドタイトル #4

  • Slide image

    スライドタイトル #5

  • Slide image

    スライドタイトル #5

  • Slide image

    スライドタイトル #6

  • Slide image

    スライドタイトル #6

  • Slide image

    スライドタイトル #7

  • Slide image

    スライドタイトル #7

フェードイン、キャプションを指定、サムネイルナビの幅を28%にして一度に4枚表示させた例

  • Slide image

    スライドタイトル #1

    スライド #1 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #1

    スライド #1 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #2

    スライド #2 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #2

    スライド #2 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #3

    スライド #3 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #3

    スライド #3 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #4

    スライド #4 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #4

    スライド #4 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #5

    スライド #5 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #5

    スライド #5 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #6

    スライド #6 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #6

    スライド #6 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #7

    スライド #7 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #7

    スライド #7 のキャプションをここに表示します。

このショートコード

  • Slide image

    スライドタイトル #1

    スライド #1 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #1

    スライド #1 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #2

    スライド #2 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #2

    スライド #2 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #3

    スライド #3 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #3

    スライド #3 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #4

    スライド #4 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #4

    スライド #4 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #5

    スライド #5 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #5

    スライド #5 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #6

    スライド #6 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #6

    スライド #6 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #7

    スライド #7 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #7

    スライド #7 のキャプションをここに表示します。

その他複数のパラメータを指定した表示例

  • Slide image

    スライドタイトル #1

    スライド #1 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #1

    スライド #1 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #2

    スライド #2 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #2

    スライド #2 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #3

    スライド #3 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #3

    スライド #3 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #4

    スライド #4 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #4

    スライド #4 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #5

    スライド #5 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #5

    スライド #5 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #6

    スライド #6 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #6

    スライド #6 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #7

    スライド #7 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #7

    スライド #7 のキャプションをここに表示します。

このショートコード

  • Slide image

    スライドタイトル #1

    スライド #1 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #1

    スライド #1 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #2

    スライド #2 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #2

    スライド #2 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #3

    スライド #3 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #3

    スライド #3 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #4

    スライド #4 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #4

    スライド #4 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #5

    スライド #5 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #5

    スライド #5 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #6

    スライド #6 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #6

    スライド #6 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #7

    スライド #7 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #7

    スライド #7 のキャプションをここに表示します。