Image échange en utilisant jQuery

Question

J'espère que quelqu'un pourrait m'aider avec cela. Je travaille sur un site Web de portefeuille qui ressemble actuellement à ceci:

http://cargocollective.com/shap

Comme vous pouvez le voir, j'ai une image .png plus de 15 vignettes GIF animés. Fondamentalement, je veux avoir quelques animations gif courtes qui apparaissent sur certains écrans de temps en temps, donc ce que j'essaye de faire est d'avoir un script qui remplace certains des gifs avec d'autres, soit aléatoirement OU après un certain temps. Je souhaite que quelqu'un puisse comprendre ce que je veux dire et m'aider.

__ __ __ __ _ _ * MISE À JOUR *:

Merci beaucoup, je l'apprécie vraiment l'aide. Je suis désolé pour le manque de knowladge je l'ai, ce qui rend difficile pour moi d'utiliser ce que vous venez d'écrire là-bas, mais c'est ce que j'ai ajouté à mon code source:

<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> 

Je viens de copier l'URL de 2 de mes vignettes gif et les a ajouté au script, est-ce absolument faux? Peut-être que le fait que j'utilise le système cargocollectif rend les choses compliquées. Voici à quoi il ressemble en ce moment, comme vous pouvez le voir, quelque chose se passe, mais je ne peux pas contrôler vraiment:

http://cargocollective.com/shap

(après une minute la superposition de .png est parti pour une raison quelconque)

meilleur, de

Answer 1

les téléviseurs à tube! Comment merveilleusement pittoresque. ;-)

Eh bien, voici quelque chose que j'ai jeté ensemble. Évidemment, vous devriez changer les SRC image réelle en quelque chose qui existe sur votre serveur.

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

MISE À JOUR: De toute évidence, cela est assez étroite. Voici un autre script qui stockera l'ancien SRC et y retournera:

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