Javascript jquery滑块响应问题

我是jQuery的初学者，我曾尝试使滑块响应，并且正在工作，但我有一些错误需要修复，首先，当传递到下一张图片时，有时它只是变白，不再工作，第二，有时它开始越来越快

有什么建议吗

.mascara
{ width: 100%; height: 100%;
 overflow: hidden;
}

.carrusel{ position: relative; width: 100%; height: 100%; }

 .carrusel li{ width:25%; height: 100%; float: left; background-repeat: no-repeat; background-position: center; background-size: cover; }

<script src="jquery-2.0.3.min.js"></script>
<script>

var cantidadFotos = $('.carrusel li').size();

var incremento =  $('.mascara').width();
var limite = (cantidadFotos-1) * incremento;
var velocidad = 550;

$('.carrusel').css('width', (cantidadFotos*100)+"%");
$('.carrusel li').css('width', incremento+"px");

var posX = 0;

 resize();

function resize()
{
 $(window).resize(function () {
    incremento =  $('.mascara').width();
    $('.carrusel li').css('width', incremento+"px");
    posX = -(incremento * imagenes);
    $('.carrusel').css('left', posX+"px");
 });

setInterval(function(){ nextFoto(); }, 3000);}
var imagenes = 0;
function nextFoto(){

    imagenes++;
    posX+= -incremento;

    if (posX<-limite){
        posX=0;
        imagenes = 0;
        $('.carrusel').css({ left: posX });
        }
   $('.carrusel').animate({ left: posX},350);
    // $('.carrusel').css({ left: posX});
    return false;
}
</script>

。睫毛膏
{宽度：100%；高度：100%；
溢出：隐藏；
}
.carrusel{位置：相对；宽度：100%；高度：100%；}
.carrusel li{宽度：25%；高度：100%；浮动：左侧；背景重复：无重复；背景位置：中心；背景大小：封面；}
var cantidadFotos=$（'.carrusel li'）.size（）；
var incremento=$（'.mascara'）.width（）；
var limite=（cantidadFotos-1）*增量；
var velocidad=550；
$（'.carrusel'）.css（'width'，（cantidadFotos*100）+“%”；
$（'.carrusel li'）.css（'width'，incremento+“px”）；
var-posX=0；
调整大小（）；
函数resize（）
{
$（窗口）。调整大小（函数（）{
incremento=$（'.mascara'）.width（）；
$（'.carrusel li'）.css（'width'，incremento+“px”）；
posX=-（增量*图像数）；
$（'.carrusel'）.css（'left'，posX+“px”）；
});
setInterval（函数（）{nextFoto（）；}，3000）；}
var-imagenes=0；
函数nextFoto（）{
imagenes++；
posX+=-递增；
如果POSX
如果您想在滑动时删除空白页，请更改为：
在
.carrusel

更改：

position: relative;

致：

要使其更快，请更改：

setInterval(function () {
        nextFoto();
    }, 3000);

到

根据您的需要进行更改，使其更快

您好，您可以创建一个fiddle吗？还可以尝试在您的帖子中而不是在评论中编辑您的问题，这样我们就可以很好地阅读您的代码。您可以在这里创建fiddle代码在这里！！！我需要帮助
setInterval(function () {
        nextFoto();
    }, 3000);

setInterval(function () {
        nextFoto();
    }, 1000);