منتدى الدعم و المساعدة لأحلى المنتديات
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

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

2 مشترك

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

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

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

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

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

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

http://www.ahladalil.com/

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

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

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

ذكر
عدد المساهمات : 10114
معدل النشاط : 15503
السُمعة : 297

http://yasirayad.com/

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

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

- مواضيع مماثلة

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