使用jQuery進行圖像交換

Question

我希望有人能幫我解決這個問題。 我工作的一個投資組合的網站，目前看起來是這樣的：

http://cargocollective.com/shap

正如你所看到的，我有超過15個gif動畫縮略圖的png圖片。

基本上，我想不時彈出一些簡短的GIF動畫，所以我試圖做的是有一個腳本，用其他人隨機替換一些GIF或者在一段時間之後。

我希望有人能理解我的意思並幫助我。

__ _ __ _ __ _ _ * UPDATE *：

非常感謝，我真的很感激幫助。我爲缺乏knowladge我有遺憾，讓我很難用什麼，你只是寫在那裏，但是這是我加入到我的源代碼：

<script type="text/javascript"> 
$(document).ready(function() { changer(); }); 

function changer() { 
    var imgnum = Math.floor(15*Math.random()); 
    var time = Math.floor(5000*Math.random()); 
    var $img = $("img").eq(imgnum); 

    if ($img.attr("src")=="http://payload.cargocollective.com/1/1/39798/479556/prt_166x132_1314132436.gif") 
    $img.attr("src","http://payload.cargocollective.com/1/1/39798/479849/prt_166x132_1314132538.gif"); 
    else 
    $img.attr("src","http://payload.cargocollective.com/1/1/39798/479556/prt_166x132_1314132436.gif"); 
    setTimeout(changer,time); 
} 
</script> 

我剛纔複製的2網址我的GIF縮略圖並將它們添加到腳本中，這是絕對錯誤的？ 也許我使用carcarcollective系統的事實使事情變得複雜。 這裏是什麼樣子，現在，你可以看到，事情正在發生，但我無法真正控制它：

http://cargocollective.com/shap

（一分鐘後，PNG覆蓋消失無論何種原因）

最好， 小號

Answer 1

管電視機！多麼古怪。 ;-)

嗯，這是我扔在一起的東西。很明顯，你應該將實際的映像SRC改成服務器上存在的東西。

http://jsfiddle.net/9KrsV/1/

$(function() { changer(); }); 

function changer() { 
    var imgnum = Math.floor(15*Math.random()); 
    var time = Math.floor(5000*Math.random()); 
    var $img = $("img").eq(imgnum); 

    if ($img.attr("src")=="images/chalk-dotted.png") 
    $img.attr("src","images/chalk-box.png"); 
    else 
    $img.attr("src","images/chalk-dotted.png"); 
    setTimeout(changer,time); 
} 

更新：顯然，這是非常狹隘。這是另一個腳本，它將存儲舊的SRC並最終反轉回來：

function changer() { 
    var imgnum = Math.floor(15 * Math.random()); 
    var time = Math.floor(5000 * Math.random()); 
    var $img = $("img").eq(imgnum); 
    var newsrc = "noisy_static.gif"; 

    if ($img.attr("src") == newsrc) { 
     $img.attr("src", $img.data("oldsrc")); 
    } else { 
     $img.data("oldsrc",$img.attr("src")); 
     $img.attr("src", newsrc); 
    } 
    setTimeout(changer, time); 
}