带有Flickr Feed的ColorBox

时间:2012-08-22 18:19:02

标签: jquery colorbox feed flickr

我已经在我的网站上实现了以下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>

1 个答案:

答案 0 :(得分:1)

如果只显示6张图片,那么可能就是所有Flickr Feed都返回了。你有没有看过饲料给你的东西?