ウェブサイトに次のhttp://www.jacklmoore.com/notes/colorbox-with-json-or-flickrを実装しましたが、すべて正常に動作しています。画像をクリックすると、Flickr から取得されます。最初の6つの画像しか表示できないことを除いて、すべてが完全に機能します???
コード全体を調べてみましたが、最初の6つの画像しかロードしない理由がわかりません???!!! ブラウザを使用してすべての画像を表示できますが、Web サイトでは表示できません。
キャッシュの問題か何かだと思ったのですが、画像の1つを削除したところ、すぐに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>