1

我正在使用 jQuery 和 Flickr REST API 编写脚本。

遵循伪算法

1) 点击 Flickr API 并使用$.getJSONnad create lilist 元素获取照片列表：

create_gallery: function(){
    $.getJSON(
        $.prep_api_url(),
        function(data){
            $.each(data.photos.photo, function(i,item){
                var photo_raw_url = 
                    'http://farm' + item.farm + '.static.flickr.com/' + 
                    item.server + '/' + item.id + '_' + item.secret;
                var photo_url = photo_raw_url + '_b.jpg';
                $('<li><a id="' + item.id + '" class="image_trigger" href=' + 
                   photo_url + '><img class="thumbnails" src=' + photo_raw_url +
                       '_s.jpg' + ' width=22 hight=22 /><a/>' +
                       '</li>').appendTo('.image_thumbs');
            });
            $('.thumbnails').css({'opacity' : '.6'});
        }
    );
},

2）通过引用创建的列表预加载所有图像（我在这里有问题）

3）点击每个图像显示预加载数组中的图像

现在我想要这个

1) 从 Flickr 获取 JSON 对象

2) 创建列表并将其附加到 DOM

3）插入成功后，遍历列表中的所有图像，并按顺序一张一张地预加载。

我也尝试过异步选项，没有发生任何事情

4

1 回答 1

0

在将图像添加到 DOM 之前，我在 while 循环中使用了 JS 图像对象和加载函数来预加载图像。

您可以通过查看源代码找到结果：http: //www.neerajkumar.name/necromancer/

于 2011-05-28T19:15:53.167 回答