我怎麼可以給幻燈片效果圖像改變圖像來源，當動態

Question

我從JavaScript改變圖像源像

<img src="image1.gif" name="imagename"> 

//Array 
img[0]='image1.gif' 
img[1]='image2.gif' 
... 

//onclick event changing img src 
document.images[imagename].src = img[1] 

它的正常工作。 當改變圖像源時，我怎樣才能讓圖像產生幻燈效果？ 我可以使用jquery。

Answer 1

有一個jQuery插件應該做的伎倆，我用它所有的時間，這是很容易得到處理。 http://jquery.malsup.com/cycle/

Answer 2

不完全確定你要在這裏做什麼，但如果這只是一個元素，那麼它應該很簡單。

$('img').click(function() { 
    var current = $(this); 

    current.slideUp(300, function() { 
     current.attr('src', 'http://imgs.xkcd.com/comics/conditional_risk.png').load(function() { 
      current.slideDown(300); 
     }); 
    }); 
}); 

這將導致圖像的源加載圖像時滑了下去之前改變。

看到它住在這裏：http://jsfiddle.net/FvdCd/1/