jquery - ImageSwapをスムーズにjqueryに保つ方法

Question

ホバー時に画像を変更するこのスクリプトを見つけました。

$(document).ready(function() {
$('.rollover').hover(function() {
    swapImage(this);
}, function() {
    swapImage(this); 
    });
 });

function swapImage(image) {
    var current = $(image).attr('src');
    $(image).attr('src', $(image).attr('hover'));
    $(image).attr('hover', current);

 }

しかし今、私はスムーズでソフトなトランジットが必要であり、それが今何をしているのかという問題を抱えています。ここでフィドルを見つけることができます: JSfiddle

ありがとう、そして素敵な日曜日を！