42、前端开发：Flickr图片嵌入与待办事项应用搭建

前端开发：Flickr图片嵌入与待办事项应用搭建

1. Flickr图片嵌入教程

Flickr的JSON对象包含了关于图片源的一些基本信息，如开头部分的“title”（标题）、“link”（链接）等。“title”元素代表图片源的名称，例如“Uploads from Smithsonian Institution”；“link”元素则指向史密森学会的Flickr主页面。我们可以利用这些信息，在展示图片前添加一个标题。

要访问这些信息，可以使用点语法。例如，若使用之前的代码将JSON响应存储在名为“data”的变量中，那么访问图片源标题的代码为：

data.title

图片源中最重要的部分是“items”属性，它包含了多个对象，每个对象都包含一张图片的相关信息，如图片标题、Flickr页面链接、拍摄日期、描述等。另外，每个图片还有一个重要元素“media”，它也是一个对象，其中“m”表示中等尺寸图片的URL。

下面是将Flickr图片添加到网站的具体步骤：
1. 准备工作 ：在文本编辑器中打开chapter13文件夹中的flickr.html文件。
2. 设置URL ：在 $(document).ready() 函数内输入以下代码：

var URL = "https://api.flickr.com/services/feeds/photos_