اليوم سوف نشرح تركيب اضافة يبحث عنها الجميع هي رائعة لوضع تاثير علي جميع الصورة فى مدونتك وهو تأثير تحميل الصور عند النزول بالصفحة الى أسفل المدونة وهذا السكربت سوف يجعل من مدونتك شكل رائع وجميل وانا أستخدم هذا السكربت فى مدونتى حاليا سوف تجد الكثير من المدونات تستخدمه وبالتأكيد شاهدت هذا التاثير وتريد وضعه على قالب مدونتك ولذلك اليوم سوف أعرضه لكم حتى ولقد طلبه منى أحد متابعى المدونة من قبل وانا اعرضها لكم اليوم فى هذا الموضوع ولجميع متابعى وزوار المدونة ولا تقلق لست تحتاج لخبرة كبيرة لتركيب السكربت لانه سهل جدا كود واحد فقط .
- شرح التركيب:
- سوف تقوم بالبحث عن هذا الوسم <head/> في قالب مدونتك
- ثم تقوم بوضع الكود التالي فوقه مباشر
- و ان لم تجده هكذا سوف تجده هكذا </head> في قالب مدونتك
<script type='text/javascript'>//<;b.loaded=true}).attr("src",a(b).attr("original"))}});if("scroll"!=c.event){a(b).bind(c.event,function(c){if(!b.loaded){a(b).trigger("appear")}})}});a(c.container).trigger(c.event);return this};a.belowthefold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).height()+a(window).scrollTop()}else{var d=a(c.container).offset().top+a(c.container).height()}return d<=a(b).offset().top-c.threshold};a.rightoffold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).width()+a(window).scrollLeft()}else{var d=a(c.container).offset().left+a(c.container).width()}return d<=a(b).offset().left-c.threshold};a.abovethetop=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollTop()}else{var d=a(c.container).offset().top}return d>=a(b).offset().top+c.threshold+a(b).height()};a.leftofbegin=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollLeft()}else{var d=a(c.container).offset().left}return d>=a(b).offset().left+c.threshold+a(b).width()};a.extend(a.expr[":"],{"below-the-fold":"$.belowthefold(a, {threshold : 0, container: window})","above-the-fold":"!$.belowthefold(a, {threshold : 0, container: window})","right-of-fold":"$.rightoffold(a, {threshold : 0, container: window})","left-of-fold":"!$.rightoffold(a, {threshold : 0, container: window})"})})(jQuery);$(function(){$("img").lazyload({placeholder:"http://i22.servimg.com/u/f22/15/42/72/40/grey10.gif",effect:"fadeIn",threshold:"-50"})})//]]></script>و بعدها سوف تقوم بالحفظ و مبروك عليك الاسكريبت
اتمني ان يكون نال اعجابكم موضوع اليوم
