Slick2

  • ラベル

  • ラベル

タイトル
テキスト
タイトル
テキスト

▲上のスライダーについて

設定

1枚目(mp4、ミュートあり、自動再生あり、サムネイル画像なし)
2枚目(mp4、ミュートなし、自動再生あり、サムネイル画像なし
3枚目(webm、ミュートあり、自動再生なし、サムネイル画像あり)
移動時間:5000ms(5秒でスライド)
サムネイル付きのスライドショー:ON
表示するスライド数(サムネイル用):3

解説
  • アクセス時
    1枚目はミュートありなのでアクセス後自動再生、再生が終了するとスライド。(再生中はスライドなし)
    2枚目はミュートなしなのでアクセス後自動再生されず、5000ms後に自動スライド。
    3枚目はサムネイル画像が表示され、自動再生なしなので再生されず、5000ms後に自動スライド。
  • 1枚目再生中に下のページャーまたは左右のナビゲーションをクリック
    再生をポーズして2枚目が表示される。
  • 3枚目(サムネイル画像表示状態)をクリックして再生
    動画再生され、再生が終了するとスライド。(再生中はスライドなし)
    ※サムネイル画像は1度再生すると次からは表示なし。
  • 下部のサムネイル付きスライドショー
    1/2枚目はダミー画像、3枚目はサムネイル画像表示。
    ダミー画像は縦横比が変動するので、きれいに見せるには縦横比を統一したサムネイル画像を設定することを推奨。