從一個JSON提要

$(document).ready(function() { 

$.getJSON("http://api.flickr.com/services/feeds/[email protected]&\ 
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 jQuery的幻燈片問題得到的圖像格式，我需要他們的幻燈片：從一個JSON提要

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

和下面的代碼是一個很好的作品幻燈片自己的：

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

當然，還有另一種加載2kb的js文件，幻燈片的一部分，谷歌從加載 jQuery庫。

我在JavaScript中的初學者，我根本不明白這一點，這是行不通的，我猜我必須跑第一代碼來獲取的img標籤在#images股利和然後運行幻燈片的JS代碼..但我該怎麼做？

兩者在相同的標記不起作用，分別不起作用，他們都在他們在頭。

有什麼想法嗎？謝謝。

P.S.我沒有找到任何有關這方面的規則，我希望我不會違反規則，我非常喜歡這個社區，因爲我在這裏學到了很多東西。這裏的鏈接.. http://demetriad.co.uk/flickr-test/

來源

2011-11-03 Chris

它看起來像它的工作，我...是你有什麼問題的最終代碼？ – Mottie

我認爲這裏的問題是，你運行幻燈片腳本時，HTML是空的。該腳本會將目標元素中的所有圖像設置爲幻燈片的一部分，並且在ajax調用完成之前沒有圖像。

也許你可以嘗試移動啓動該幻燈片Ajax回調

來源

2011-11-03 23:25:35 James

非常感謝你吉米！你是對的，我已經意識到那幾分鐘了，現在正在工作。 – Chris

從一個JSON提要

回答

相關問題