Home

Fetch images with $.getJSON()

Image by Paul Jarvis
Image © Paul Jarvis
Category: nature
Image by Wojtek Witkowski
Image © Wojtek Witkowski
Category: city
Image by Mark Doda
Image © Mark Doda
Category: closeup
Image by Vadim Sherbakov
Image © Vadim Sherbakov
Category: building
Image by Steven Spassov
Image © Steven Spassov
Category: closeup
Image by Charlie Foster
Image © Charlie Foster
Category: closeup
Image by Vadim Sherbakov
Image © Vadim Sherbakov
Category: night
Image by Vadim Sherbakov
Image © Vadim Sherbakov
Category: building
Image by Paul Jarvis
Image © Paul Jarvis
Category: nature
Image by Rick Waalders
Image © Rick Waalders
Category: nature
Image by Paul Jarvis
Image © Paul Jarvis
Category: closeup
Image by Nick Turner
Image © Nick Turner
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 &copy; <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