Javascript Jquery在淡出前停止图像闪烁

我在下面给出了jquery函数来显示lightbox image carousal中的图像。它工作正常，但当用户单击下一个导航按钮查看下一个图像时，当前图像闪烁一次，然后显示下一个图像。我想消除这个图像闪烁前淡出，并希望实现平滑淡出效果。如何做到这一点

function view_post(id, nav) {
    var viewer = $("#post-viewer");
    var userid = '';
    var page = '';
    if (nav != undefined && nav) {
        var lists = $(".post-list");
        userid = lists.data('userid');
        page = lists.data('page');
    }
    showLoader();
    $.ajax({
        url : baseUrl + 'post/load?id=' + id,
        data : {userid:userid,page:page},
        success: function(t) {
            viewer.find('.content').html(t);
            viewer.fadeIn();
            viewer.find('.close').click(function() {
                viewer.fadeOut();
                viewer.find('.content').html('');
                return false;
            })
            viewer.find('.cover').click(function() {
                viewer.fadeOut();
                viewer.find('.content').html('');
    var url = baseUrl;
    var title = 'Title';
if (typeof (history.pushState) != "undefined") {
        var obj = { Title: title, Url: url };
        history.pushState(obj, obj.Title, obj.Url);
    } else {
        alert("Browser does not support HTML5.");
    }
                return false;
            })
            hideLoader();
            reload_init();
        }
    });
    return false;
}

---

查看您的代码时，您正在尝试

fadeIn

看起来已经可见的图像，这意味着不透明度将从0->100变为淡入，从而导致闪烁

如果您在

navigate\u post

例程中更改了以下行，您应该都已设置好

navigate_post(l, type) {
    ...
    container.find('.image').hide();
    container.find('.image-' + imageToLoad).show();
    return false;
}

---

i、 e.

.fadeIn（）

->

.show（）

欢迎来到StackOverflow。还请分享一些示例HTML（包括图像、CSS、脚本等），以便我们重现您描述的问题。请看：。我的原始代码中需要修改的内容请解释一下。我使用

/styles/default/js/script.js？v=1.3

在第

#430

@行附近，Mark很高兴我能帮上忙；请记住把我的帖子作为你问题的答案；如果有用的话：）