Конфликт с загрузкой изображения при использовании эффектов непрерывного замирания

Question

На моем веб-сайте я добавил кнопку новостной рассылки с непрерывным мигающим эффектом (от черного к красному), используя эффекты затухания с jquery, и она отлично работает.

Помня, что я использую Ajax для получения содержимого страниц без обновления страницы.

При загрузке страницы отображается анимированное изображение при загрузке страницы, и все также работает нормально.

но я заметил, что изображение загрузки не анимируется в IE, и я обнаружил, что мигание кнопки вызывает это.

эта проблема существует только в IE. Есть ли у вас какие-либо идеи для решения этой проблемы?

Код, который я использую:

jQuery(document).ready(function($) {

//This function used to make the button flashing
flick();
    function flick(){
        $("#newsletter_btn1").fadeIn(1000,function(){
            $("#newsletter_btn1").fadeOut(1000,function(){flick();});         
        });
    }

//This part is showing the loading div and then hides the existing content then loads the page request then hides the loading image
// Loading image is .gif animated 

 $(".loading").fadeIn(100,function(){
                $mainContent.fadeOut(100,function(){
                    $.get(url, {"ajaxed": "true"} ,function(data, status, xmlHttp) {
                        var container = $("<div></div>");
                        container.html(xmlHttp.responseText);
                    var content = $(".inner",container).html();
                        $mainContent.html(content).fadeIn(900,function(){
                            $(".loading").fadeOut(1000);
                        });                        

                    });

                });
            });
});