https://blog.mismithportfolio.com/web/20150917slickjs
[jQuery] カルーセルライブラリ slick.js の lazyLoad を理解する
jQuery のカルーセルライブラリ slick.js をそのまま使うと slick.js file の読み込みと .slick() method の実行が完了するまで、カルーセルのレイアウトにならず ul, li タグで囲んでいる画像が全て表示されてしまうという問題に直面しました。 これを解決するには 1 枚目の画像だけ src で画像 URL を指定します。 2 枚目以降は data-lazy attribute に image url を指定します。 そして .slick() method に lazyLoad オプションを設定してあげれば OK です。 $('#js-banner-area').slick({ lazyLoad: 'progressive' }); Lazy Loading のサンプルは slick - the last carousel you’ll ever n
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
