スライダー(Splide)

フェードで切り替え

demoはトップページ参照

無限ループ

サムネイル

  • ダミー1
  • ダミー2
  • ダミー3
  • ダミー4
  • ダミー5
  • ダミー1
  • ダミー2
  • ダミー3
  • ダミー4
  • ダミー5

セグメント型インジケータ(検証)

スライド幅は CSS のみ指定(autoWidth)。カードは画像のみ・2:1。ページネーションを横線にスタイルしています。

可変サイズ(data-size)

データは画像ごとにパスと任意の size: "large"(→ data-size="large")。large は1列1枚、未指定は連続2件で1列・縦積み(__stack)。幅は CSS のみ(autoWidth)。

プログレスバー付きスライダー

投稿スライダー

Splideを使用した投稿一覧

  • 動画の像はどこの像かわかりません。ボルネオのゾウかもしれないし、そうじゃないかもしれない。

  • オランウータンの説明文。

  • 大きな鼻が特徴的な霊長類。河川沿いの森で群れを作って暮らし、木の上を器用に移動します。朝夕に活発に行動し、葉や果実を中心に食べることで知られています。遠くからでも目を引く独特のシルエットが魅力です。

  • 動画タイトル:旅を振り返る~ボルネオ編~【ラフレシア】【ネペンテス】【食虫植物】(Rafflesia, Borneo) Malaysia

  • 動画タイトル:【ボルネオヤマネコの雑学】#雑学 #cat #cat

    ※テキスト量に応じて、スライド表示時間とテキストの移動時間を調整。
    ※ホバーで、スライドとテキストの移動を停止。