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