画像を遅延ロードする
IntersectionObserveの遅延読み込みライブラリのLozad.jsを紹介する
LazyLoadの機能をつけたく上記サイトを参考に、jQuery LazyloadかLozad.jsどちらかを採用したいのですが、
Action Textによるリッチテキスト機能で画像を入れているため、
html
1<div id="images"> 2 <img src="" data-src="image_1.jpg" class="lazy-load" /> 3 <img src="" data-src="image_2.jpg" class="lazy-load" /> 4 <img src="" data-src="image_3.jpg" class="lazy-load" /> 5</div>
などのように
imgタグをhtmlの中に記述しなくても画像が入っているのですが、
リッチテキスト機能で入れた画像の遅延読み込みは出来るのでしょうか?
教えて頂けると幸いです。
あなたの回答
tips
プレビュー