• 0

كيف أستطيع عرض مجموعة صور من خلال رابطها على موقع آخر في صفحة ويب؟

أستخرج روابط لصور على موقع من خلال Json، وما أريده هو إظهار الصور على صفحة html، مع العلم أني أتوفر على الروابط فقط، كيف ذلك؟

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

الطريقة الصحيحة التي ستمكنك من إظهار الصور العائدة إليك من Json هي بتكوين وسوم من نوع img وإعطائها القيمة scr من خلال رابط الصور بتقنية json.
أُرفق لك هذا المثال التوضيحي، حيث عمدنا إلى استخدام JavaScricpt لتصفح محتوى json وإدراج الصور داخل الصفحة:

var data = {
  "images": [{
    "bannerImg1": "http://i.stack.imgur.com/HXS1E.png?s=32&g=1"
  },
  {"bannerImg1" : "http://i.stack.imgur.com/8ywqe.png?s=32&g=1"
  }]
};
data.images.forEach( function(obj) {
  var img = new Image();
  img.src = obj.bannerImg1;
  img.setAttribute("class", "banner-img");
  img.setAttribute("alt", "effy");
  document.getElementById("img-container").appendChild(img);
});

وسم Div المًستقبل للصور -داخل الصفحة:

<div class="banner-section" id="img-container">
    </div>

أدعوك لزيارة قسم الدروس الخاص بـJavaScript على موقع أكاديمية حسوب.

مصادر:

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن