Javascript 在jQuery中需要滑动而不是淡出

我有一个非常愚蠢的函数，用于在div中滑出图像

唯一的问题是它会淡入/淡出，而不是滑动

            var w    = $win.width();
            var x    = $(this).hasClass("stac-icon-scrollarrow-right") ? -w : w;
            var x2   = $(this).hasClass("stac-icon-scrollarrow-right") ? w : -w;
            var s;

            currentIndex = 0;
            function slide() {

                if ( currentIndex >= $('.slide img').length )
                  currentIndex = 0

                if ( currentIndex < 0 )
                  currentIndex = $('.slide img').length - 1

                $('.slide').fadeOut(500, function () {
                    $el = $('.slides img:eq('+currentIndex+')');

                    $('.slide').attr('src', $el.attr('src'));
                    $('.slide').fadeIn(500);
                });
            }

            currentIndex++;
            slide();

var w=$win.width（）；
var x=$（this）.hasClass（“stac图标向右滚动箭头”）-w:w；
var x2=$（this）.hasClass（“stac图标向右滚动箭头”）？w:-w；
var s；
currentIndex=0；
函数幻灯片（）{
如果（当前索引>=$（'.slide img'）.length）
currentIndex=0
如果（当前索引<0）
currentIndex=$（'.slide img'）。长度-1
$（'.slide'）.fadeOut（500，函数（）{
$el=$（'.slides-img:eq（'+currentIndex+'））；
$（'.slide'）.attr（'src'），$el.attr（'src'）；
美元（“.slide”）.fadeIn（500）；
});
}
currentIndex++；
幻灯片（）；

使用slideUp（）而不是fadeOut（）和slideDown（）而不是fadeIn（）谢谢您的回答，但它不平滑，显示空白。我希望能够在没有任何空白的情况下，立即显示左/右滑动图像。类似于这里的东西，如果你可以创建一个演示在我们可以看看。。。为了让它工作，我们需要知道html结构和应用的样式。这个老问题在当时可能需要一个新的解决方案，但现在似乎已经被放弃了。这可能是最好的关闭。