حل مشكلة جودة الصور في المشاركات الشائعة بسهولة

السلام عليكم ورحمة الله وبركاته

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

<script>
var _0x5fc9=["\x73\x72\x63","\x77\x37\x32\x2D\x68\x37\x32","\x77\x36\x30\x30\x2D\x68\x36\x30\x30","\x72\x65\x70\x6C\x61\x63\x65","\x61\x74\x74\x72","\x23\x50\x6F\x70\x75\x6C\x61\x72\x50\x6F\x73\x74\x73\x31\x20\x69\x6D\x67","\x77\x37\x32\x2D\x68\x37\x32\x2D\x70\x2D\x6E\x75","\x77\x37\x32\x2D\x68\x37\x32\x2D\x70\x2D\x6B\x2D\x6E\x75","\x72\x65\x61\x64\x79"];$(document)[_0x5fc9[8]](function(){$(_0x5fc9[5])[_0x5fc9[4]](_0x5fc9[0],function(_0xedb9x1,_0xedb9x2){return _0xedb9x2[_0x5fc9[3]](_0x5fc9[1],_0x5fc9[2])});$(_0x5fc9[5])[_0x5fc9[4]](_0x5fc9[0],function(_0xedb9x1,_0xedb9x2){return _0xedb9x2[_0x5fc9[3]](_0x5fc9[6],_0x5fc9[2])});$(_0x5fc9[5])[_0x5fc9[4]](_0x5fc9[0],function(_0xedb9x1,_0xedb9x2){return _0xedb9x2[_0x5fc9[3]](_0x5fc9[7],_0x5fc9[2])})})
</script>

•  ان لم يشتغل معك هذا الكود جرب هذا ... في كلتا الحالات سيعمل الا اذا كان عندك مشكل في القالب

<script type='text/javascript'>
//<![CDATA[
!function(a){a.fn.resizeToParent=function(b){function c(a){a.css({width:"",height:"","margin-left":"","margin-top":""});var c=a.parents(b.parent).width(),d=a.parents(b.parent).height(),e=a.width(),f=a.height(),g=e/c;f/g<d?(a.css({width:"auto",height:d}),e/=f/d,f=d):(a.css({height:"auto",width:c}),e=c,f/=g);var h=(e-c)/-2,i=(f-d)/-2;a.css({"margin-left":h,"margin-top":i})}var e,d={parent:"div",delay:100},b=a.extend(d,b),f=this;return a(window).on("resize",function(){clearTimeout(e),e=setTimeout(function(){f.each(function(){c(a(this))})},b.delay)}),this.each(function(){var b=a(this);b.attr("src",b.attr("src")),b.load(function(){c(b)}),this.complete&&c(b)})}}(jQuery),$(document).ready(function(){$(".recentPostImg img, .posts-thumb img, .imgcont img, .post-thunb img, .PopularPosts img").resizeToParent()}),$(document).ready(function(){$(".posts-thumb img").attr("src",function(a,b){return b.replace("s72","s640")}),$(".posts-thumb img").attr("src",function(a,b){return b.replace("/default.jpg","/mqdefault.jpg")}),$(".PopularPosts img").attr("src",function(a,b){return b.replace("w72-h72","w720-h720")}),$(".PopularPosts img").attr("src",function(a,b){return b.replace("/default.jpg","/mqdefault.jpg")}),$(".post-thunb img").attr("src",function(a,b){return b.replace("s72","s720")}),$(".post-thunb img").attr("src",function(a,b){return b.replace("/default.jpg","/mqdefault.jpg")}),$(".comments .avatar-image-container img").attr("src",function(a,b){return b.replace("s35","s75")}),$(".comments .avatar-image-container img").attr("src",function(a,b){return b.replace("/default.jpg","/mqdefault.jpg")})});
//]]>
</script>

• ايضا هناك سكربت اخر جربه ان لم ينفعوا الاكواد السابقة

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() { 
    $('.PopularPosts ul li img').attr('src', function(i, src) {
        return src.replace('/default.jpg', '/mqdefault.jpg');
    });
    $('.PopularPosts ul li img').attr('src', function(i, src) {
        return src.replace('s72-c', 'w770-h505');
    });
    $('.PopularPosts ul li img').attr('src', function(i, src) {
        return src.replace('w72-h72-p-nu', 'w770-h505');
    });
 });
//]]>
</script>

•  و مبروك عليك الاضافة ستعمل على جميع المشاركات الشائعة على مدونتك بسهولة

1. هدا كل شيئ ان افادك الدرس كلمة شكر تكفيي الى دروس قادمة بادن الله