اهلا ومرحبا بكم فى مدونة عشوائيات التقنية اليوم موضوعنا رائع جدا جدا هو عن كيفية استخدام بلوجر او مدونتك بشكل صاروخي ورائع جدا انا استخدمت الاضافة ونجحت معى وانشاء الله ستنجح معكم الاضافة اخوانى الكرام رائعه جدا جدا لا يحتاج فقط سوى التركيز معى ملحوظة : تم كتابة الموضوع بقلم عشوائيات التقنية
هى بنا ندخل فى الشرح
- تدخل على المظهر ثم تحرير 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>
________________________________________________________________________________