Slide Show em Jquery HTML5 CSS3

<!DOCTYPE html>
<html lang="pt-br">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- HTML5Shiv -->
    <!--[if lt IE 9]>
            <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
          <![endif]-->

    <link rel="stylesheet" type="text/css" href="css/style.css">

    <title>SlideShow com JQuery</title>

</head>

<body>

    <div id="slider">

        <!--Controladores do slide-->
        <a href="http://" class="control_next">&gt;</a>
        <a href="http://" class="control_prev">&lt;</a>

        <ul>
            <li>
                <a href="http://" id="imagen1">
                    <img src="imagens/imagem1.jpeg">
                </a>
            </li>

            <li>
                <a href="http://" id="imagen2">
                    <img src="imagens/imagem2.jpeg">
                </a>
            </li>

            <li>
                <a href="http://" id="imagen3">
                    <img src="imagens/imagem3.jpeg">
                </a>
            </li>

            <li>
                <a href="http://" id="imagen4">
                    <img src="imagens/imagem4.jpeg">
                </a>
            </li>

        </ul><!--ul-->

    </div><!--#slider-->


    <!--JQuery 3.6.4-->
    <script src="js/jquery.min.js"></script>

    <script>
        $(function () {
            $('#slider').change(function () {
                setInterval(function () {
                    moveRight();
                }, 3000);
            });

            var slideCount = $('#slider ul li').length();

            var slideWidth = $('#slider ul li').width();

            var slideHeight = $('#slider ul li').height();

            //Calculando a largura e altura do Slide na Ul
            var sliderUlWidth = slideCount * slideWidth;

            $('#slider').css({
                width: slideWidth,
                height: slideHeight
            });

            $('#slider ul').css({
                width: sliderUlWidth,
                height: -slideWidth
            });

            $('#slider ul li:last-child').prependTo('#slider ul');

            function moveLeft() {
                $('#slider ul').animate({

                    left: +slideWidth

                }, 200, function () {

                    $('#slider ul li:last-child').prependTo('#slider ul');

                    $('#slider ul').css('left', '');

                });
            }

            function moveRight() {
                $('#slider ul').animate({

                    left: -slideWidth

                }, 200, function () {

                    $('#slider ul li:first-child').appendTo('#slider ul');

                    $('#slider ul').css('left', '');

                });
            }


            $('a.control_prev').click(function () {
                moveLeft();
            });

            $('a.control_next').click(function () {
                moveRight();
            });
        });
    </script>

</body>

</html>