Javascript Jquery在淡出前停止图像闪烁
我在下面给出了jquery函数来显示lightbox image carousal中的图像。它工作正常,但当用户单击下一个导航按钮查看下一个图像时,当前图像闪烁一次,然后显示下一个图像。我想消除这个图像闪烁前淡出,并希望实现平滑淡出效果。如何做到这一点Javascript Jquery在淡出前停止图像闪烁,javascript,jquery,Javascript,Jquery,我在下面给出了jquery函数来显示lightbox image carousal中的图像。它工作正常,但当用户单击下一个导航按钮查看下一个图像时,当前图像闪烁一次,然后显示下一个图像。我想消除这个图像闪烁前淡出,并希望实现平滑淡出效果。如何做到这一点 function view_post(id, nav) { var viewer = $("#post-viewer"); var userid = ''; var page = ''; if (nav != un
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很高兴我能帮上忙;请记住把我的帖子作为你问题的答案;如果有用的话:)