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

الطريقة الصحيحة التي ستمكنك من إظهار الصور العائدة إليك من 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 على موقع أكاديمية حسوب.

مصادر:

• Displaying image from URL contained in JSON
• Retrieve data from JSON file and display images in a gallery
• Get image from JSON file using JavaScript and display in HTML img tag