Image Slider06

const sliderWrap = $(".slider-wrap");
const sliderImg = $(".slider-img");
const slides = $(".slides");
const sliderBtn = $(".slider-btn")

let slidCount = slides.length;
let slideWidth = slides.width();
let slideHeight = slides.height();
let lideTotalWidth = slidCount * slideWidth

slides.css({width:slideWidth,height:slideHeight})
sliderImg.css({width:lideTotalWidth, height:slideHeight,marginLeft: - slideWidth})
$(".slides:last-child").prependTo(sliderImg)

function moveLeft(){
    sliderImg.animate({left: + slideWidth},400,function(){
        $(".slides:last-child").prependTo(sliderImg);
        sliderImg.css("left","")
    });  
}      
function moveRight(){
    sliderImg.animate({left: - slideWidth},400,function(){
        $(".slides:first-child").appendTo(sliderImg);
        sliderImg.css("left","")
    });
}

sliderBtn.find(".prev").click(function(){
    moveLeft()
});
sliderBtn.find(".next").click(function(){
    moveRight()
});