<div>
を含むの長いリストがあり<img />
、すべての画像の読み込みによってページの速度が低下することは望ましくありません。
したがって、現在、属性内のすべての画像への URL がdata-src
あり、src
属性は空です。
javascript / jqueryを使用してdivまたはimgがビューポートに表示されているときにdata-src
、画像をロードしてコンテンツを移動するにはどうすればよいですか?src
ビューポートに表示されるとは、ユーザーがそれらの画像にスクロールしたときを意味します。
すべての画像は、縦のリストにある div にあります。