U3F1ZWV6ZTM5ODcyMTQzOTA5X0FjdGl2YXRpb240NTE2OTYzNzg1NzM=
recent
أخبار ساخنة

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

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


معاينة



شرح التركيب



  • سوف تقوم بالبحث عن هذا الوسم</head>فى قالب مدونتك
  • ثم تقوم بوضع الكود التالى فوقه مباشرة 
  • وانا لم تجد الكود هكذا سوف تكون بالبحث عنه هكذا<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>


  • وبعد ذلك سوف تقوم بحفظ القالب ومبروك عليك السكربت


وهذا هو الموضوع اليوم على المدونة بأذن الله سوف نستمر فى نشر المزيد من المواضيع المتنوعه والتى سوف تفيد كثير كل مدون يمتلك مدونه على بلوجر .
الاسمبريد إلكترونيرسالة