サイズ変更時に interchange-foundation 6 を使用して、画像のsrcの代わりに属性data-srcのパスを置き換えることは可能ですか?
また、DIV の背景画像でも同じ動作を行います。data -src のパスをstyle="background-imageの代わりに置き換えます。
ビューポートのみに画像を表示しようとしています。インターチェンジを使用した手動の遅延ロードです。
ページの読み込み時に src を削除しています:
/*Stop Interchange Background Images loading images*/
$(".delay").each(function(){
var img_src = $(this).attr('src');
$(this).attr("data-src", img_src);
$(this).attr('src', '');
});
/*Stop Interchange Background Images loading for DIVs and Slides*/
$(".backImg").each(function(){
var img_backImg = $(this).css('background-image');
$(this).attr("data-src", img_backImg);
$(this).css('background-image','');
});
次に、画像がビューポートに触れると、src または背景画像が追加されます。これはうまく機能していますが、私の問題は、サイズ変更時に画像が自動的に表示されることです。
そのため、Interchange がdata-srcを使用してurlを変更する場合、URL を取得して必要な場所に貼り付けることができます。
私を助けることができる誰かにとって意味があることを願っています。
どうもありがとうございました！