Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/381.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/mercurial/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Flickr JSON Api显示_Javascript_Json_Flickr - Fatal编程技术网

Javascript Flickr JSON Api显示

Javascript Flickr JSON Api显示,javascript,json,flickr,Javascript,Json,Flickr,我想做以下工作: 您需要使用此flickr服务构建一个显示图片的页面 用户应能够: 通过点击他们最喜欢的照片来切换他们的照片(请将选定的类添加到 img元素(当选择时) 通过单击选定的照片取消选择该照片 重新加载页面时,应记住以前选择的图片。 您完全可以自由选择要使用的任何库/框架(包括JS和JS) 和CSS)。 不鼓励使用JQuery 这是我的初始代码 <!doctype html> <html> <head> <script type = "t

我想做以下工作:

您需要使用此flickr服务构建一个显示图片的页面

用户应能够:

  • 通过点击他们最喜欢的照片来切换他们的照片(请将选定的类添加到 img元素(当选择时)
  • 通过单击选定的照片取消选择该照片
  • 重新加载页面时,应记住以前选择的图片。 您完全可以自由选择要使用的任何库/框架(包括JS和JS) 和CSS)。 不鼓励使用JQuery

这是我的初始代码

<!doctype html>
<html>
<head>
<script type = "text/javascript">
( function () {
function cb ( data ) {
// use returned data
}
var tags = 'london';
var script = document . createElement ( 'script' );
script . src =
'http://api.flickr.com/services/feeds/photos_public.gne?format=json&jsoncallback=cb&
tags=' + tags;
document . head . appendChild ( script );
})();
</script>
</head>
<body>
</body>
</html>

(功能(){
功能cb(数据){
//使用返回的数据
}
var标签='伦敦';
var script=document.createElement('script');
script.src=
'http://api.flickr.com/services/feeds/photos_public.gne?format=json&jsoncallback=cb&
标签='+标签;
document.head.appendChild(脚本);
})();
我还想确保交叉兼容性
用于Chrome、Firefox和IE,并在我的JS代码中添加测试。任何帮助都将不胜感激。

这是一个相当广泛的问题,如果您将问题分解为特定的子问题,这将有所帮助。你有什么困难?说实话,我只是想获得如何解决整个问题的指导。这个问题太广泛了,看起来像是家庭作业。话虽如此,也许这会有所帮助:当这个页面加载时,它将使用flickr API中的数据调用一个函数(
cb
),该API应该是一个JSON对象,您可以遍历它。您需要使用此对象来创建页面上的所有图像,然后再创建几个函数来处理所有交互功能。您还需要某种存储(如localStorage或Cookie)来保存选定的照片。这是相当广泛的,如果您将问题分解为特定的子问题,这将有所帮助。你有什么困难?说实话,我只是想获得如何解决整个问题的指导。这个问题太广泛了,看起来像是家庭作业。话虽如此,也许这会有所帮助:当这个页面加载时,它将使用flickr API中的数据调用一个函数(
cb
),该API应该是一个JSON对象,您可以遍历它。您需要使用此对象来创建页面上的所有图像,然后再创建几个函数来处理所有交互功能。您还需要某种存储(如本地存储或cookie)来保存选定的照片。