Slider Gallery | Created by ― QWEL.DESIGN

• スライドアニメーションで遷移するギャラリー
• ドラグ, ホイール操作対応 (オプション)
• 使い方:
  _slider.scss をバンドルした css を読み込み,
  画面幅100%の要素内にギャラリーを配置する
  ギャラリー本体 (div等) に [data-gallery="slider"] 属性を付与し,
  ギャラリーインナーに (ul等) [data-gallery-main] 属性を付与し,
  ギャラリーアイテムに (li等) [data-gallery-item] 属性を付与する
• オプション:
  data-flickable: ドラグ、ホイール操作に対応 (規定でOFF, ONにする場合値は不要)
  data-aspect-ratio: アスペクト比 (SCSSも修正が必要)
  data-gap: アイテム間隔(px) SCSSで指定不可
  data-interval: アニメーション時間間隔
  data-duration: アニメーション所要時間
• MITライセンスで提供しており, 商用/非商用問わず自由に利用可能です

GitHubで見る