Forum Moderators: open

Message Too Old, No Replies

Image Lazy Load

Image Lazy Load On a Static html Page

         

Mark Wallace

3:08 pm on Oct 13, 2010 (gmt 0)

10+ Year Member



I've been trying to add Image Lazy Loading on a static html page with no success so far.

This is the technique I tried.

In the page head:

<script language="javascript" type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script src="jquery.lazyload.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
$(function() {
$("img").lazyload({
effect : "fadeIn"
});
});
</script>


The js file: [appelsiini.net...]

Mark Wallace

3:32 pm on Oct 13, 2010 (gmt 0)

10+ Year Member



Solved, it was a mistake I made with the .js file.

It works perfectly now.

nosepilot

8:13 am on Oct 21, 2010 (gmt 0)

10+ Year Member



-

[edited by: nosepilot at 8:15 am (utc) on Oct 21, 2010]

nosepilot

8:13 am on Oct 21, 2010 (gmt 0)

10+ Year Member



I've used lazyload about 1 year ago. It seemed to me that it did not work on some current browsers.

Mark Wallace

1:41 pm on Oct 22, 2010 (gmt 0)

10+ Year Member



It's working well so far, even on IE6, despite the sidebar bug that hasn't been solved so far.

With this code as long as the path to the .js file is correct it should work.