مشكلة الصور في المواضيع التي تتصفح من الموبايل

اذهب الى الأسفل

مشكلة الصور في المواضيع التي تتصفح من الموبايل

مُساهمة من طرف mohamedhd222 في السبت 11 يونيو 2016 - 23:27

السلام عليكم
عندما انشر موضوع جديد ويكون فيه صور داخل الموضوع 
ويتم تصفح الموضوع عن طريق الجوال 
لاتظهر الصور بل تظهر كلمة [معاينة الصورة] وفيها رابط يؤدي الى الصورة
انا اريد ان تظهر الصورة كما في تصفح الديسكتوب
ممكن المساعدة
وشكراً.
avatar
mohamedhd222



ذكر
عدد المساهمات : 3
معدل النشاط : 727
السُمعة : 0

http://www.ahladalil.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: مشكلة الصور في المواضيع التي تتصفح من الموبايل

مُساهمة من طرف YasirAyad في السبت 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 الدعم الاجنبي
avatar
YasirAyad
 
 

ذكر
عدد المساهمات : 11127
معدل النشاط : 13117
السُمعة : 296

http://yasirayad.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى