jQuery Change Image src with Fade Effect

Я пытаюсь создать эффект, при котором вы нажимаете на миниатюру изображения, и ссылка на миниатюру заменяет значок основное изображение, но постепенно увеличивайте его. Это код, который я использую сейчас:

$(".thumbs a").click(function(e) {
    e.preventDefault();
    $imgURL = $(this).attr("href");
    $(".boat_listing .mainGallery").fadeIn(400, function() {
        $(".boat_listing .mainGallery").attr('src',$imgURL);
    });
});

Это работает и заменяет изображение без эффекта затухания. Что мне нужно изменить, чтобы эффект fadeIn работал?