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!