Friday, December 24, 2010

Add beautiful LazyLoad effect to DLE images


Description:
Java-script plug-in that allows you to save time visitor traffic and load on your server. The plugin allows you to upload only images for which the source is indicated in the text, which is located just on the visible side of the screen, that is, the visitor is free to read a couple of paragraphs of your article and decide - read more or leave. If your visitor starts to scroll, the images are located in the unseen until now the page is loaded begin immediately, if it closes the page - all remain in their savings (a visitor saves time waiting to download images, you save bandwidth and power)


Installation:
1. Download javascript file, put it in a folder {THEME}/js/

Download: http://tinyurl.com/jquery-lazy-js

Add this code to main.tpl before 
</head>
<script type="text/javascript" src="{THEME}/js/jquery.lazy.js"></script>

2. Download image: http://www.appelsiini.net/projects/lazyload/img/grey.gif
rename to dangtai.gif and upload in root folder (same place with index.php of DLE)

3. in case you are not using DLE 9.0 then you need to add to following code too
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=1.4.2'></script>

Demo: http://www.appelsiini.net/projects/lazyload/enabled_fadein.html

1 comment: