Jquery滑块动画故障

我学习用jquery编写，在设置滑块动画时遇到了一个问题

演示：

问题是过渡，这是丑陋的，我不知道如何解决它。如何解决

$(document).ready(function(){

var lewo = $('.lewo');
var prawo = $('.prawo');

var teraz = 0;

$('.slider-box ul li ').eq(teraz).addClass('aktywny');

$(".lewo").click(function(){
    $('.slider-box ul li').eq(teraz).fadeOut(1000);
    $('.slider-box ul li').eq(teraz).removeClass('aktywny');
    teraz = teraz - 1;

    if(teraz == -1)
    {
        teraz = 3;
    }

    $('.slider-box ul li').eq(teraz).fadeIn(1000);
    $( ".slider-box ul li" ).eq(teraz).addClass('aktywny');

});

$(".prawo").click(function(){
    $('.slider-box ul li').eq(teraz).fadeOut(1000);
    $('.slider-box ul li').eq(teraz).removeClass('aktywny');
    teraz = teraz + 1;

    if(teraz == 4)
    {
        teraz = 0;
    }
    $('.slider-box ul li').eq(teraz).fadeIn(1000);
    $( ".slider-box ul li" ).eq(teraz).addClass('aktywny');

});

由于

fadeOut（）

将显示下一幅图像。而不是

fadeOut（）

，如果您使用

hide（）。当前图像将立即隐藏，下一个图像将具有动画效果









$（文档）.ready（函数（）{
var lewo=$（'.lewo'）；
var prawo=$（'.prawo'）；
var-teraz=0；
$（'.sliderbox ul li'）.eq（teraz.addClass（'aktywny'）；
$（“.lewo”）。单击（函数（）{
$（'.slider box ul li'）.eq（teraz.hide（）；
$（'.sliderbox ul li'）.eq（teraz）.removeClass（'aktywny'）；
teraz=teraz-1；
如果（teraz==-1）
{
teraz=3；
}
$（'.sliderbox ul li'）.eq（teraz）.fadeIn（1000）；
$（“.slider box ul li”）.eq（teraz）.addClass（'aktywny'）；
});
$（“.prawo”）。单击（函数（）{
$（'.slider box ul li'）.eq（teraz.hide（）；
$（'.sliderbox ul li'）.eq（teraz）.removeClass（'aktywny'）；
teraz=teraz+1；
如果（teraz==4）
{
teraz=0；
}
$（'.sliderbox ul li'）.eq（teraz）.fadeIn（1000）；
$（“.slider box ul li”）.eq（teraz）.addClass（'aktywny'）；
});
$（“.lewo”）。单击（）；
});
*，*，*：之后，*：之前{
-webkit框大小：边框框；
-moz框大小：边框框；
框大小：边框框；
列表样式：无；
填充：0px；
边际：0px；
字体大小：0px；
}
.滑块盒{
位置：相对位置；
宽度：80%；
身高：100%；
保证金：0自动；
高度：100px；
}
.滑块箱ul{
位置：相对位置；
背景颜色：灰色；
}
.滑块箱ul li{
宽度：100%；
身高：100%；
显示：无；
}
.滑块盒img{
宽度：100%；
身高：100%；
}
.滑块箱ul.aktywny{
显示：块；
} 
.滑块箱ul.lewo.prawo{
位置：绝对位置；
宽度：100px；
身高：100%；
背景颜色：灰色；
z指数：100；
光标：指针；
}
.滑块箱ul.普拉沃{
右：0；
排名：0；
}
不要使用fadeIn/Out来尝试简单的显示/隐藏并在li元素上添加一些css转换，你需要使用它。好的，我稍后会尝试：）好的，它可以工作，谢谢。但如果我想使用交叉衰落，img必须应用位置：绝对？