如何在jQuery中淡入圖像

Question

我期待在頁面加載時從1）像xml文件或目錄這樣的集合中隨機選擇一個圖像，並隨機選擇一個並以中等速度淡入。

有人嗎？

Answer 1

$.getJSON("pictures.json", function(json){ 
    var pics = json.pictures; 
    var pic = Math.floor(Math.random()*pics.length); 
    $("img", { src: pics[pic] }).load(function(){ 
     $(this).fadeIn("slow"); 
    }).appendTo("body"); 
}); 

pictures.json

{ pictures: [ "apple.jpg", "pear.jpg", "orange.jpg", "bannana.jpg", "grapefruit.jpg" ] }