如何从Flickr嵌入图像，使图像出现在网站上

How to embed images from Flickr so image appears on website?

本文关键字：图像 网站 Flickr      更新时间：2023-09-26

我想知道如何将FLICKR中的图片嵌入到网站上，现在，我只能获得图像的URL，但我想获得整个图像。下面是我的代码:

<!DOCTYPE html>
<html>
<head>
  <script src="jquery-min.js" type="text/javascript"></script>
  <script type="text/javascript"> 
$(document).ready(function() {
    API_KEY = 'YOURAPIKEY'; //INSERT API KEY
    USER_ID = '28858578@N06'; //ENTER USER ID
    var photolist = [];
    $.getJSON('https://www.flickr.com/services/rest/?method=flickr.people.getPhotos&api_key=' + API_KEY + '&user_id=' + USER_ID + '&format=json&jsoncallback=?', function(rest) {
        var numPhotos = rest.photos.pages;
        for (var u =1; u < numPhotos + 1; u++) {    
            $.getJSON('https://www.flickr.com/services/rest/?method=flickr.people.getPhotos&api_key=' + API_KEY + '&user_id=' + USER_ID + '&format=json&page=' + u + '&jsoncallback=?', function(results) { var targetDiv = $('#fotolist')
                for (var m =0; m < results.photos.total; m++) {
                  targetDiv.append("https://www.flickr.com/" + 
results.photos.photo[m].owner + "/" + results.photos.photo[m].id + "<br />");
                    photolist.push("https://www.flickr.com/" + results.photos.photo[m].owner + "/" + results.photos.photo[m].id);

                }      
            });
        }    
    }); 
});
  </script>

</head>
<body>
<div id="fotolist">
</div>
</body>
</html>

如果photolist包含图像链接数组

var fotolist = $('#fotolist');
jQuery.each(photolist , function(index, value){
 fotolist.append('<img src="'+value+'">');
 });
相关文章：