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

الثلاثاء، 13 يونيو، 2017

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

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


معاينة



شرح التركيب



  • سوف تقوم بالبحث عن هذا الوسم</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>


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


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

وهكذا كان موضوع اليوم بالتوفيق للجميع فى أمان الله 


لا تنس مشاركة الموضوع حتى يتسفيد غيرك وأى مشكلة تجدها تضعها فى تعليق


شارك الموضوع ليستفيد الجميع

مواضيع مهمه ايضا سوف تعجبك

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

شووو يا عم كل لحظة وثانية مغير القالب

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

نعم اخي الكريم
على الاقل يقومون بتطوير الاضافات و القوالب..
ولاكنهم ينسخون 100% ولا يكترثون بضلمهم?
تفضل زيارة مدونتي:
https://houssem4you.blogspot.com

هذا الأمر للأسف
مدونتك جيده أخى

اخي ممكن تحط الاضافة https://a.top4top.net/p_529iiqvd1.png
علي مدونتك technojordan.net
هذا رابط المدونة الموجود عليه الاضافة
وانت فعلا رائع استمر انت مختلف عن غيرك

حسنا أخى الفاضل بأذن الله سوف تجدها فى موضوغ على المدونة قريبا جدا
واى شئ تريده أطلبه وسوف أضعه على المدونة ان شاء الله

اخي ممكن مساعده في الضغط عندي علي مقالات يظهر اداه mega لكن اريده top 100% وعندما اضعها لاتظهر الاضافة مرة اخري ما الحل

أرجو منك وضع رابط مدونتك لمعاينة المشكلة

هذا القالب من تصممي قولي رائيك

رائع أخى الفاضل القالب
ولكن أرجو منك تضيح المشكلة التى تواجها أكثر

زي مانت شايف في الصورة هي بعيده عن القائمه الرئيسيه اول لما انزل باداة السحب والافلات
https://a.top4top.net/p_529y9myy1.png

انا عايزها لزقة في القائمه الرئيسيه ولما اخليها لزقه في القائمه الرئيسيه بيكون شكلها كده
https://d.top4top.net/p_529jvlwy1.png
ايه الحل

اخي ممكن تراسلني علي https://www.facebook.com/Qansuh.2002

أبحث عن هذه الوسم .mega-menu-wrapper فى أكواد css فى القالب

ثم غير الأكواد اسفله ليكون هكذا

.mega-menu-wrapper{top:55px;position:absolute;left:0;right:-130px;opacity:0;z-index:9999;-moz-transform:scaleY(0);-webkit-transform:scaleY(0);-o-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;transition:.3s;width:1200px}

اخي لم تنفع عندما جربتها في مكان اخر كيف تظهر
https://a.top4top.net/p_5306jmes1.png

أنا قمت بتحديد القائمة على التسمية التى كانت فى أول القائمة واذا تريد وضعها فى مكان أخر سوف يكون عليك التعديل عليها ايضا

انا ساضعها في اكثر من مكان يمكنك معاينة الاضافة الان
https://maes1tro.blogspot.com/

سوف يكون عليك أرجاع الكود كما كان

كرا اخي
سوال من اي موقع تاتي بصور الكرتون الذي تضعها في مواضيعك
مثل هذا الموضوع
http://www.wdbloog.com/2017/05/blog-post_26.html

أبحث على الأنترنت عن شخصيات فيكتور

اخي ممكن تسرع في وضع هذه الاضافة
اخي ممكن تحط الاضافة https://a.top4top.net/p_529iiqvd1.png
علي مدونتك technojordan.net
هذا رابط المدونة الموجود عليه الاضافة
وانت فعلا رائع استمر انت مختلف عن غيرك

بأذن الله أخى الفاضل
وايضا سوف أضع لك موضوع عن شخصيات كما كنت تريدها

يسعدنا تفاعلكم بالتعليق ولكن نرجو منكم أن يكون خاص بالموضوع
الأبتساماتأخفاء الأبتسامات

جميع الحقوق محفوظة لـ عالم المدون | قوالب بلوجر,اضافات بلوجر, دروس وشروحات بلوجر