我已经在我的网站上实现了以下http://www.jacklmoore.com/notes/colorbox-with-json-or-flickr并且一切正常。我可以点击图片,然后将它们从 Flickr 中提取出来。除了我只能看到前 6 张图片之外,所有这些都完美无缺???
我尝试查看整个代码,但找不到为什么它只加载前 6 个图像???!!!我可以使用浏览器查看所有图像,但不能在我的网站上查看。
我认为这可能是兑现问题或其他问题,但后来我确实删除了其中一张图片,它立即向我显示了 5 张图片,其中 1 张说加载这张图片时出现问题。
有人可以帮我弄清楚吗?
<script>
var params = {
id: 'Insert Your Flickr ID here', // my Flickr User ID
format: 'json',
jsoncallback: '?'
},
feedURL = 'http://api.flickr.com/services/feeds/photos_public.gne',
feedQuery = decodeURIComponent($.param(params));
function buildLinks(json) {
var photo,
$links = $(),
$thumb,
$anchor;
while ( photo = json.items.pop() ){
$anchor = $('<a/>').attr({
// get the medium-large size photo
href: photo.media.m.replace('_m', '_z'),
title: photo.title
});
$thumb = $('<img/>').attr({
// get the small-square size thumbnail photo
src: photo.media.m.replace('_m', '_s'),
alt: photo.title
}).appendTo($anchor);
$links = $links.add($anchor);
}
$links.colorbox({rel:'flickr'});
// Wait until the DOM has loaded before trying to append to the body
$(document).ready(function () {
$('#content').append($links);
});
}
$.getJSON(feedURL + '?' + feedQuery, buildLinks);
</script>