添加淡入淡出效果到這個圖像替換jQuery代碼段

Question

我正在使用這個圖像替換jQuery代碼片段，以便當某人懸停在縮略圖上時，另一個「主」圖像更改;

$('.circle img').hover(function() { 
$('#main-image').attr('src', $(this).attr('src')); 
}); 

有沒有一種方法，使「主」圖像漸變成彼此當有人懸停在.circle img而不要只切換？使用

Answer 1

fadeIn()或​​效果是可以做到的

Answer 2

嘗試使用hover() 即

$('.circle img').mouseenter(function(){ 
//fadeOut 

}).mouseleave(function(){ 

//fadeIn 
});