Question

$(document).ready(function() {

$.getJSON("http://api.flickr.com/services/feeds/groups_pool.gne?id=89254480@N00&\
lang=en-us&format=json&jsoncallback=?", getJSONimages);

function getJSONimages(data) {
var htmlString = "";
$.each(data.items, function(i,item){
var sourceSquare = (item.media.m).replace("_m.jpg", "_s.jpg");
htmlString += '<img src="' + sourceSquare + '" />';
});
$('#slideshow').html(htmlString);
}
})

上面以幻灯片显示我需要的格式获取图像：

<div id="slideshow"><img src="url"></div>

下面的代码是幻灯片，它本身很好用：

$('#slideshow').slideshow({
timeout: 2000,
type: 'random',
pauselink: 'sequence',
fadetime: 2000
});

当然，还有另外2kb的js文件加载，幻灯片的一部分，以及从Google加载的jQuery库。

我是JavaScript的初学者，我根本就没有得到它，它不起作用，我是猜测我必须运行第一个代码来获取#images div中的img标签然后运行幻灯片的js代码..但是我该怎么做？

两个在相同的标签中都不起作用，分别不起作用，两者兼而有之他们在标题中。

有什么想法吗？谢谢。

P.S。我没有找到任何关于此的规则，我希望我不违反规则，我真的很喜欢这个社区，因为我在这里学到了很多东西。这是链接.. http://demetriad.co.uk/flickr-test/

Answer 1

我认为这里的问题是，当HTML为空时，您正在运行幻灯片演示脚本。该脚本将目标元素中的所有图像设置为幻灯片放映的一部分，并且在ajax调用完成之前没有图像。

您可以尝试将启动幻灯片的代码移动到ajax回调的末尾

jQuery幻灯片显示问题与来自JSON提要的填充div

1 个答案: