JSFiddle - React, Tailwind, and code Playground

by Kyle Shen

HTML

<div id="images">
</div>

JavaScript

var rssurl = 'https://api.flickr.com/services/feeds/photos_public.gne?id=113975074@N04&format=json';
            ShowPic(rssurl);;
        function ShowPic(rssurl) {
            $.ajax({
                type: 'GET',
                url: rssurl,
                success: function (data) {
                    alert(data);
                    $.each(data.feed.entry, function (i, item) {
                        $('#images').append("Album Photos: <br />");
                        //Photo URL
                        $.each(item.media$group.media$content, function (i, item) {
                            var photo_URL = item.url;
                            $('#images').append("Image Photo URL: <br/><img src='" + photo_URL + "'/><br />");
                        });
                        //Thumbnail URL
                        $.each(item.media$group.media$thumbnail, function (i, item) {
                            var photo_Thumb_URL = item.url;
                            $('#images').append("Image Thumbnail URL: <br/><img src='" + photo_Thumb_URL + "'/><br />");
                        });
                        //Photo Title
                        var photo_Title = item.media$group.media$title.$t;
                        $('#images').append("Image Photo_Title: " + photo_Title + '<br />');
                        //Photo Description
                        var photo_Description = item.media$group.media$description.$t;
                        $('#images').append("Image Photo Description: " + photo_Description + '<br /><br />');
                    });
                },
                dataType: 'json',
                async: false
 
            });
 
        }