1

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" />以下の例でわかるように、コードとタグがある場合にのみ機能します。

http://jquery.eisbehr.de/lazy/example_basic-usage

4

1 に答える 1