Home/ Questions/Q 6568249
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-25T14:27:16+00:00

Im trying to create a div that will use jquery’s lazy load to load

  • 0

Im trying to create a div that will use jquery’s lazy load to load images coming in from linkedIn. When I look at the examples found online, they seem to work fine with my browser, but when i try to add it, it doesnt seem to work. I’m not sure if it matters, but i’m developing in Groovy/grails. here is the code i have so far, before rendering:

  <html>
  <head>
  <script type="text/javascript" src="${resource(dir:'js',file:'jquery.lazyload.js')}">  

  </script>     
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
   ....
  <script type="text/javascript">
  $("img").lazyload({
placeholder : "/mgr/images/spinner.gif" 
 });

 </script>
   ....
</head>
<body>
 <div style="width: 150px; height:200px; border:1px solid red; overflow:auto;">
 <g:each in="${Friends}" status="i" var="Friends">  
   <img original=${Friends[3]} src="/mgr/images/spinner.gif">
</g:each>
   </div>

This code will only draw the div and display the /mgr/images/spinner.gif image but not the original image. Is there something i’m missing?

thanks for your help
jason

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Normally you include the plugin file after the jQuery core file. That way the plugin can extend the jQuery core.

    Change:

      <script type="text/javascript" src="${resource(dir:'js',file:'jquery.lazyload.js')}">  

  </script>     
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>

    To:

      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
  <script type="text/javascript" src="${resource(dir:'js',file:'jquery.lazyload.js')}"></script>

    I would also recommend trying to use the newest jQuery core file you can. It may break old plugins but it’s well worth attempting as with each update to jQuery come performance enhancements.

    jQuery 1.6.4 from Google CDN.

    jQuery 1.6.4 from jQuery’s CDN.

    • 0