lazy load jquery

Hej.

Er ved prøve lidt jQuery for første gang, og det er med et plugin der loader billeder når man scroll'er nedad på siden.

Er gået i stå da der ikke helt er forklaret hvor alle stykker kode skal pastes ind. Følgende klaret:


1. Har importeret "jquery.js" og det relevante plugin "jquery.lazyload.js", lokalt.
( Link til seneste version: http://www.appelsiini.net/2012/lazyload-170 )

2. I bunden af html dokumentet (inden </body>) har jeg tilføjet:

<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.lazyload.js" type="text/javascript"></script>
<script type="text/javascript">
      $("img.lazy").lazyload({
  data_attribute  : "kitten"
});
  </script>

3. Billedet:

<img class="lazy" src="images/lazyPix.gif" data-kitten="images/xxx.gif">

4. CSS:

.lazy {
    display: none;
}


Skal jeg gøre andet. Skal der flere informationer ind i headeren, eller andet? Siden er nemlig tom for billeder. Håber det giver mening eller sig til :)

Tak på forhånd!