Why is lightgallery not working?

Question

JavaScript

Good day to all, I connected it as in the documentation, but somewhere I made a mistake where I can’t understand, the pictures are increasing but there are no arrows at all, there’s nothing to close or squander, what’s the problem?


css - connection

<link type="text/css" rel="stylesheet" href="css/lightgallery.min.css" />
    <div id="lightgallery">
        <a href="img/1.jpg">
            <img src="img/1.jpg" />
        </a>
        <a href="img/2.jpg">
            <img src="img/2.jpg" />
        </a>
        <a href="img/3.jpg">
            <img src="img/3.jpg" />
        </a>

    </div>

Подключение
    <script src="jquery.min.js"></script>

    <!-- A jQuery plugin that adds cross-browser mouse wheel support. (Optional) -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.1.13/jquery.mousewheel.min.js"></script>
    <script src="js/lightgallery.min.js"></script>

    <!-- lightgallery plugins -->
    <script src="js/lg-fullscreen.min.js"></script>
    <script src="js/lg-thumbnail.min.js"></script>
    <script src="js/lg-video.min.js"></script>
 <script>
        $(document).ready(function() {
            $('#lightgallery').lightgallery();
        })
    </script>

Answer 1

A css?