2012-04-19 68 views
1

當我點擊一個鏈接,我設置的圖片src來顯示與此圖像:淡入jquery attr動畫的圖像?

$('img').attr("src",(myPlaylist.playlist[myPlaylist.current].poster)); 

它的工作原理,因爲它應該,但我想這樣它消失在動畫形象,我該怎麼辦那?我已經測試過動畫和不透明,但是我出錯了,我不能讓它工作。

因此,任何輸入讚賞,謝謝。

+1

後,你有一個不很做你想做的代碼,並解釋這兩個它在做什麼,爲什麼這不是你想要的吧去做。 – 2012-04-19 11:02:54

回答

1

試試這個嗎?

首先隱藏:

$('img').css("display", "none"); 

然後設置你的src:

$('img').attr("src",(myPlaylist.playlist[myPlaylist.current].poster)); 

然後消失它:

$('img').fadeIn(500); 
+0

謝謝,這工作得很好! – 2012-04-19 11:42:01

+0

沒問題:)很高興我能幫忙! – mattytommo 2012-04-19 11:45:19

1

加載圖像事先(也許在一個div層以上)並隱藏它。然後動畫它與淡入()

1

顯示嘗試這種

$('img').fadeIn(100,function(){ 
    $(this).attr("src",(myPlaylist.playlist[myPlaylist.current].poster)); 
}); 
+0

謝謝,但這沒有奏效。 – 2012-04-19 11:41:46