ID を持つセクションのメソッド .lazy() を使用して、1 つの画像に遅延読み込みを適用したいと考えています。このセクションでは、CSS を使用して背景を構成しています。以下はコードです:
HTML
<section id="showcase">
</section>
CSS
/* Showcase*/
#showcase {
min-height: 400px;
background: url("../img/example.jpg") no-repeat -300px -500px;
background-size: cover;
}
JS
<script>
$(function() {
$("#showcase").lazy();
});
</script>
コードはどのように変更すればよいですか? 今はうまくいかないからです。<img class="lazy" data-src="../img/example.jpg" />
以下の例でわかるように、コードとタグがある場合にのみ機能します。