скрипт для постепенной загрузки изображения

Помогите пожалуйста ...
нашёл скрипт для постепенной загрузки изображения в видимой области сайта
Проверяю тут работает
http://jsfiddle.net/yurik417/QCYND/

Как его правильно подключить в сатй
в head или в боду
в начале или в конце и требуется ли что то ещё

Код (Text):

1.  
2. $(function(){
3.     /*плагин*/
4.     (function($){
5.         $.fn.liImageLoad = function(){
6.             return this.each(function(){
7.                 var imgEl = $(this),
8.                     imgElHeight = imgEl.attr('height'),
9.                     imgElSrc = imgEl.data('src'),
10.                     imgElPosTop = imgEl.offset().top,
11.                     imgElPosBot = (imgElPosTop + imgEl.outerHeight()),
12.                     wH = $(window).height(),
13.                     wT = $(window).scrollTop(),
14.                     wB = (wT + wH),
15.                     f1 = false,
16.                     data = 'data:image/gif;base64,R0lGODlhMgAyAIAAAO7u7gAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkU3RDVGRjNGQjRFMTFFMTk5OEVCNEEyNEEzOUZFMTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkU3RDVGRjRGQjRFMTFFMTk5OEVCNEEyNEEzOUZFMTciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCRTdENUZGMUZCNEUxMUUxOTk4RUI0QTI0QTM5RkUxNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCRTdENUZGMkZCNEUxMUUxOTk4RUI0QTI0QTM5RkUxNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAAAAAAALAAAAAAyADIAQAIzhI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC8fyTNf2jef6zvf+DwwKh8Si8YhMKicFADs='
17.                    
18.                     imgEl.attr('src',data)
19.                    
20.                 if(imgElHeight == undefined){
21.                     alert('Element ['+imgElSrc+'] contains no attribute "height"')    
22.                 }
23.                 if(imgElHeight == ''){
24.                     alert('The element ['+imgElSrc+'] has an empty attribute "height"')        
25.                 }
26.                 function imgElPos(){    
27.                     if(f1 == false){
28.                         if(imgElPosBot > wT && imgElPosTop < wB){
29.                             f1 = true;
30.                             imgEl.attr('src',imgElSrc).load(function(){
31.                                 imgEl.css({opacity:'0'}).animate({opacity:'1'});
32.                             });
33.                         }
34.                     }
35.                 }
36.                 imgElPos();
37.                 $(window).on('scroll',function(){
38.                     wH = $(window).height();    
39.                     wT = $(window).scrollTop();
40.                     wB = (wT + wH);
41.                     imgElPos()
42.                 })
43.             });
44.         };
45.     })(jQuery);
46.    
47.     /*инициализация плагина*/
48.     $('img[data-src]').liImageLoad();
49. });

 

А ссылку можно .. где его скачать и почитать

 

И как это применить ? )

 

Где там пример постепенной загрузки изображений !!!

 

Я просил помочь а не умничать .... не можешь, ну и на том спасибо.

 

СПАСИБО )