使用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); 
}