lazy load plugin throwing Uncaught ReferenceError

Question

i am using http://davidwalsh.name/lazyload-plugin when i run it giving a error in console as "Uncaught ReferenceError: Class is not defined". i added code as below

<script src="lazyload/Source/LazyLoad.js"></script>

then downside

    <script>
/* do it! */
window.addEvent("domready",function() {
    var lazyloader = new LazyLoad();
});
</script>

and in body for images i am using as below.

<img alt=\"\" src=\"lazyload/Assets/blank.gif\" data-src=\"{$v['image_path']}\" style=width:auto;height:200px;max-height:200px>

where $v['image_path'] is dynamic. What is the problem causing that error please help me.

add mootools lib file in your page https://ajax.googleapis.com/ajax/libs/mootools/1.3.2/mootools.js — Nishit Maheta, Mar 25 '15 at 12:02

Nishit Maheta · Answer 1 · 2015-03-25T12:25:05.367

1

you are missing mootools library . add mootools library above LazyLoad.js

Check DEMO

 <script src="https://ajax.googleapis.com/ajax/libs/mootools/1.3.2/mootools.js"></script>
 <script src="lazyload/Source/LazyLoad.js"></script>


 <script>
   /* do it! */
    window.addEvent("domready",function() {
      var lazyloader = new LazyLoad();
    });
</script>

HTML . in put same image path for src and data-src .

<img alt=\"\" src=\"{$v['image_path']}\" data-src=\"{$v['image_path']}\" style=width:auto;height:200px;max-height:200px>

edited Mar 25 '15 at 12:25

answered Mar 25 '15 at 12:11

Nishit Maheta

5,916
3
14
31

why mootools? is this plugin defend upon mootools? – shridhar Mar 25 '15 at 12:15
as per your link to plugin it work on mootools library – Nishit Maheta Mar 25 '15 at 12:17
after adding mootools. no images are getting displayed. – shridhar Mar 25 '15 at 12:21
@shridhar check demo in my answer . its same code copy from davidwalsh.name/js/lazyload and it works . i have added mootools library and copy code from davidwalsh.name/js/lazyload and its working . – Nishit Maheta Mar 25 '15 at 12:28
alos check your lazyload/Source/LazyLoad.js path and use img as i update in my answer – Nishit Maheta Mar 25 '15 at 12:31
its working in jfiddle but in my localhost its not working. might other scripts are getting clash. – shridhar Mar 25 '15 at 12:56
If you have jquery library in your page then it will clash or I think you are miss to add any js file ?? Copy code from my fiddle and check – Nishit Maheta Mar 25 '15 at 12:59
http://stackoverflow.com/questions/10096300/combining-lazyload-and-jquery-masonry this is the problem. – shridhar Mar 25 '15 at 13:05

lazy load plugin throwing Uncaught ReferenceError

1 Answers1