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

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

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

شرح كيفية إضافة تأثير التحميل الصور:

* اولا قم بتوجه الى لوحة تحكم الموجودة في مدونتك.

* بعدها الى المظهر (القالب).

* ثم قم بضغط على سهم جنب كلمة تخصيص.

* الان قم بإختيار تحرير html.

* الان اضغط داخل صندوق اكواد وقم بضغط على Ctrl + F من لوحة مفاتيح كمبيوتر.

* سيظهر لك مربع بحث قم بالبحث عن هذا الكود التالي.

/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>

بعد إضافة الكود السابق قم بحفظ القالب ومبروك عليك السكربت تاثير التحميل لجميع صور المدونة. كان هذا كل شيء لكيفية إضافة إضافة تحميل الصور. وفي أخير اتمنى ان تفيدكم هذه التدوينة. للاستفسار قم بترك سؤالك في تعليق او اتصل بنا على صفحتنا في الفيسبوك. وسيسعدنا الرد عليك في اقرب وقت ممكن. الان كل ما تبقى ولنا هو ان استودعكم الله الذي لا تضيع ودائعه.

تعليقات