Возникли проблемы с созданием оцифровывать галереи изображений с JQuery .animate() + ie8 стандардами

Question

Возникли проблемы с сделать оцифровывать галерею изображений на JQuery на основе .animate() функции - не знаю, как исправить FadeIn следующего изображения, чтобы сделать плавное кроссфейдинг (с совместимостью с т. е.)? Функция https://jsfiddle.net/Vimpil/fqhc1e9m/

$(".min_gal_small_img").click(function(event) { 
    var img_data = $(this).data("big-image"); 
    $(".min_gal_big_img").animate({opacity: "0"},"400"); 
    $(".min_gal_big_img img").attr({"src": img_data, opacity:"0"},"0"); 
    $(".min_gal_big_img").animate({opacity: "1"},"400"); 
}); 

Answer 1

jQuery.when() подходил отлично для него. В ie8 он тоже работал. https://jsfiddle.net/Vimpil/5abdj39s/

$(".min_gal_small_img").click(function(event) { 

var img_data = $(this).data("big-image"); 

$.when($(".min_gal_big_img").animate({ 
    opacity: "0" 
    }, "400")).done(function(x) { 

    $(".min_gal_big_img img").attr({ 
    "src": img_data, 
    opacity: "0" 
    }, "0"); 

    $(".min_gal_big_img").animate({ 
    opacity: "1" 
    }, "400"); 
}); 

});