اضافة تاثير التحميل لصور المدونة بشكل أحترافى

ربما تكون زرت بعض المدونات ووجدت به ان طريقة تحميل الصور هي احترافية اكثر، لذى في هذه التدوينة سأقدم لكم سكربت يبحث عنه الجميع هو سكربت تأثير تحميل الصور عند النزول بالصفحة وهذا التاثير على جميع الصورة فى مدونتك كما ان هذا السكربت سوف يجعل مدونتك تظهر بشكل رائع واحترافي ، اضافة الى هذا فسيعمل هذا السكريبت من تسريع مدونتك ، وهذا ما يجعلها محببة لدى جوجل مما يؤدي الى تحسين السيو (seo) الخاص بمدونتك. وكي لا اطيل عليكم الى شرح.
اضافة تاثير التحميل لجميع صور المدونة بشكل أحترافى
اضافة تاثير التحميل لجميع صور المدونة بشكل أحترافى

شرح التركيب تاثير التحميل الصور:

- قم بالبحث عن الوسم التالي.
/head
بعد ايجاده قم بوضع الكود التالى فوقه.
<script type='text/javascript'>//<![CDATA[
(function(a){a.fn.lazyload=function(b){var c={threshold:0,failurelimit:0,event:"scroll",effect:"show",container:window};if(b){a.extend(c,b)}var d=this;if("scroll"==c.event){a(c.container).bind("scroll",function(b){var e=0;d.each(function(){if(a.abovethetop(this,c)||a.leftofbegin(this,c)){}else if(!a.belowthefold(this,c)&&!a.rightoffold(this,c)){a(this).trigger("appear")}else{if(e++>c.failurelimit){return false}}});var f=a.grep(d,function(a){return!a.loaded});d=a(f)})}this.each(function(){var b=this;if(undefined==a(b).attr("original")){a(b).attr("original",a(b).attr("src"))}if("scroll"!=c.event||undefined==a(b).attr("src")||c.placeholder==a(b).attr("src")||a.abovethetop(b,c)||a.leftofbegin(b,c)||a.belowthefold(b,c)||a.rightoffold(b,c)){if(c.placeholder){a(b).attr("src",c.placeholder)}else{a(b).removeAttr("src")}b.loaded=false}else{b.loaded=true}a(b).one("appear",function(){if(!this.loaded){a("<img />").bind("load",function(){a(b).hide().attr("src",a(b).attr("original"))[c.effect](c.effectspeed);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>
بعد اضافة الكود السابق قم بحفظ القالب ومبروك عليك السكربت تاثير التحميل لجميع صور المدونة. كان هذا كل شيء لكيفية إضافة إضافة تحميل الصور. وفي أخير اتمنى ان تفيدكم هذه التدوينة. للاستفسار قم بترك سؤالك في تعليق او اتصل بنا على صفحتنا في الفيسبوك. وسيسعدنا الرد عليك في اقرب وقت ممكن. الان كل ما تبقى ولنا هو ان استودعكم الله الذي لا تضيع ودائعه.