منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.


انشاء منتدى مجاني شبيه بهذا المنتدى

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

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

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

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



ذكر
عدد المساهمات : 3
معدل النشاط : 364
السُمعة : 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
احلى اشراف عام
احلى اشراف عام

ذكر
عدد المساهمات : 10982
معدل النشاط : 12592
السُمعة : 281

http://yasirayad.com/

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

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


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