Fetch images with $.getJSON()
Image © Paul Jarvis
Category: nature
Category: nature
Image © Wojtek Witkowski
Category: city
Category: city
Image © Mark Doda
Category: closeup
Category: closeup
Image © Vadim Sherbakov
Category: building
Category: building
Image © Steven Spassov
Category: closeup
Category: closeup
Image © Charlie Foster
Category: closeup
Category: closeup
Image © Vadim Sherbakov
Category: night
Category: night
Image © Vadim Sherbakov
Category: building
Category: building
Image © Paul Jarvis
Category: nature
Category: nature
Image © Rick Waalders
Category: nature
Category: nature
Image © Paul Jarvis
Category: closeup
Category: closeup
Image © Nick Turner
Category: closeup
Category: closeup
$.getJSON("https://my-json-server.typicode.com/pverhaert/itf-api/picsum").done(a=>{a.forEach(a=>{$("#imgContainer").append(`\n <div class="card">\n <img src="${a.url}/600/400" class="section media" alt="Image by ${a.author}">\n <div class="section">\n Image © <a href="https://unsplash.com/photos/${a.meta.unsplash}" target="_blank">${a.author}</a>\n <br>\n Category: ${a.category}\n </div>\n </div>\n `)})}).catch(a=>{console.error("API not resolved!",a)}).always(()=>{$(".spinner").hide()});
//# sourceMappingURL=images.js.map