画像スライダー

画像スライダー
code<晴耕雨読スライダー>2022/4/5 8:022022/4/5 8:36

画像遅延読み込み

ロード時に画像を全て読み込まないように設定できます。スライドするタイミングで読み込みますので、画像のファイルサイズが大きい場合に有効です。

HTML

  • image01
  • image02
  • image03
  • image04
こちらはオプションではなく、画像の「src」属性の変わりに「data-lazy」属性に画像のパスを設定します。(画像のファイルサイズを大きめにしています。)
notion image
home 下部にいれたスライダー↓