mohamedhd222
عدد المساهمات : 3 معدل النشاط : 3092 السُمعة : 0
| موضوع: مشكلة الصور في المواضيع التي تتصفح من الموبايل السبت 11 يونيو 2016 - 23:27 | |
| السلام عليكم عندما انشر موضوع جديد ويكون فيه صور داخل الموضوع ويتم تصفح الموضوع عن طريق الجوال لاتظهر الصور بل تظهر كلمة [معاينة الصورة] وفيها رابط يؤدي الى الصورة انا اريد ان تظهر الصورة كما في تصفح الديسكتوب ممكن المساعدة وشكراً. | |
|
YasirAyad
عدد المساهمات : 10114 معدل النشاط : 15496 السُمعة : 297
| موضوع: رد: مشكلة الصور في المواضيع التي تتصفح من الموبايل السبت 11 يونيو 2016 - 23:51 | |
| مرحباً بك عزيزي يمكنك استخدام الكود الجافاسكربت التالي - الكود:
-
$(function() { var mode = 0; /* -- Mode Options -- */ // 0 : Shows all images by default // 1 : Shows images only when clicked if (!_userdata.page_desktop) return; var a = document.getElementsByTagName('A'), i = 0, j = a.length, showImage = function() { if (/img_link/.test(this.className)) { this.onclick = null; this.removeAttribute('class'); this.innerHTML = '<img class="mobile_image" src="' + this.href + '" alt="' + this.innerHTML + '" />'; return false; } }; for (; i < j; i++) { if (/img_link/.test(a[i].className)) { switch (mode) { case 0 : a[i].removeAttribute('class'); a[i].innerHTML = '<img class="mobile_image" src="' + a[i].href + '" alt="' + a[i].innerHTML + '" />'; break; case 1 : a[i].onclick = showImage; break; default : a[i].onclick = showImage; break; } } } }); وكود CSS التالي - الكود:
-
.mobile_image { max-width:99% } #mpage-body .postbody > .content > div { overflow:hidden } الكود من تطوير Ange Tuteur الدعم الاجنبي | |
|