#slider {
        width: 920px;
        height: 500px;
        margin: auto;
        overflow: hidden;
        background: #4b6f8a;
    }

        #slider .slides {
            display: block;
            width: 7700px;
            height: 700px;
            margin: 0;
            padding: 0;
        }

        #slider .image {
            float: left;
            list-style-type: none;
            width: 920px;
            height: 500px;
        }

    img {
        width: 100%;
    }

<button id="prev">prev</button>
<button id="next">next</button>

var width = 920;
        var animationSpeed = 1000;
        var pause = 3000;
        var currentSlide = 1;
        var currentminSlide = -1;

        var $slider = $("#slider");
        var $sliderContainer = $slider.find(".slides");
        var $slides = $sliderContainer.find(".image");
        var $butright = $("#next");
        var $butleft = $("#prev");

        var interval;

        function startSlider() {
            interval = setInterval(function () {
                $sliderContainer.animate({ 'margin-left': '-=' + width }, animationSpeed, function () {
                    currentSlide++;
                    if (currentSlide == $slides.length) {
                        currentSlide = 1;
                        $sliderContainer.css('margin-left', 0);
                    }
                });
            }, pause);
        }
        function stopSlider() {
            clearInterval(interval);
        }

        //mouse hower
        $slider.on('mouseenter', stopSlider).on('mouseleave', startSlider);
        startSlider();

        function slideRight() {
            $sliderContainer.animate({ 'margin-left': '-=' + width }, animationSpeed, function () {
                currentSlide++;
                if (currentSlide == $slides.length) {
                    currentSlide = 1;
                    $sliderContainer.css('margin-left', 0);
                }
            });

        function slideLeft() {
            $sliderContainer.animate({ 'margin-left': '+=' + width }, animationSpeed, function () {
                currentSlide--;
                if (currentSlide == $slides.length) {
                    currentSlide = -1;
                }
            });
        }

        //next slide
        $($butright).click(function () {
            stopSlider();
            slideRight();
            startSlider();
        });

        //previous slide
        $($butleft).click(function () {
            stopSlider();
            slideLeft();
            startSlider();
        });
    });