質問: lazysizesという画像の遅延読み込みのライブラリを使用して、画像の遅延読み込みを実現したいと考えています。 lazysizesの使い方としては、 ・画像にlazyloadというクラスを付与する。 ・画像のsrc属性をdata-srcに変更する というものです。 現在、ECサイトを運営しているのですが、直接ソースを触れる箇所については、lazyloadというクラスを付与し、 data-srcを追加し遅延読み込みさせることはできております。 しかし、利用している外部のシステムが自動で出力する画像については、直接属性やclassを付与したりができません。 classに関しては、 ``` $(img).addClass('lazyload'); ``` のようなかたちで付与はできたのですが、srcの変更方法がわかりません。 ご教示いただければ幸いです。 よろしくお願いいたします。 //追記 システムが出力する画像は、サーバー内に保存(ftpもしくは管理画面から保存)した画像を、 使用しています。 使用方法としては、ECサイトのシステムの管理画面から Aという商品のイメージ画像として、A.jpgを登録する。 (登録の際は、src="「」"の「」の中しか触ることはできません) するとサイトに表示されるランキングなどに、その商品と結びついた画像が表示されるというかたちです。
回答: > > srcの変更方法がわかりません。 > > > どうしようもない可能性もあります。HTMLに``と書かれている以上、JavaScriptが読まれた段階で**すでにロードが始まっている**場合もありえます。そうなれば、後から切り替えても遅延ロードとしての意味をなしません。