Home/ Questions/Q 662965
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-13T23:26:13+00:00

I am using lazy load jquery plugin . It tells me to put this

  • 0

I am using lazy load jquery plugin.

It tells me to put this in my code to activate it:

$("img").lazyload();

Do I have to put this in $(document).ready()? or can I just put it at the very top of the page:

<head>
<script type="text/javascript">
$("img").lazyload();

$(document).ready...{}

</script>
</head>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The demo page puts it in the $(document).ready(), except it uses the shorthand $( ) function to do it.

    (from the demo)

    $( function() {
    $("img").lazyload({placeholder : "img/grey.gif"});
} );

    (note that $() is an alias to the jQuery() function, which takes CSS selectors, HTML elements and also callbacks to run when the DOM loads)

    If you don’t put it in the ready() function, then it may only affect images that are earlier in the page than your script. And if you’re placing scripts in the HEAD, that’s none of the images.

    So, unless the library is somehow using the .live() function of JQuery, you need to put it in ready().

    • 0