Image 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의 URL을 복사 내 GIF 미리보기 이미지를 스크립트에 추가했는데 그게 틀린 것입니까? 아마 내가 cargocollective 시스템을 사용하고 있다는 사실은 상황을 복잡하게 만듭니다.

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

UPDATE : 분명히, 이것은 매우 좁다. 이전 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); 
}