owl.carouselの実装がうまくいきません

Question

初めて自分でwebサイトを作っておりますが、
トップページのowl.carouselの設定がうまくいきません。

４枚の画像をスライダーしたいと思っております。
どこか違っているところがありましたらご教示頂けますでしょうか？

<!--カルーセル-->
    <link rel="stylesheet" href="owlcarousel/dist/assets/owl.carousel.min.css">
    <link rel="stylesheet" href="owlcarousel/dist/assets/owl.theme.default.min.css">
    <!-- jQuery -->
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <!-- Owl Carousel JS -->
    <script src="owlcarousel/dist/owl.carousel.min.js"></script>
    <!-- Owl Carouselの動作 -->
    <script src="owlcarousel/dist/owl.carousel.js"></script>


    <script type="text/javascript">
        $(document).ready(function(){
            $(".owl-carousel").owlCarousel(
                {
                    loop: true,
                    nav: false,
                    dots: true,
                    items: 1,
                    autoplay: true,
                }
            );
        });
    </script>

<main>
        <div id="content">
            <div class="top_photo">
                <div class="owl-carousel owl-theme">
                    <img src="images/top_pc/top1-2.jpg" width="100%" alt="">
                    <img src="images/top_pc/top2-2.jpg" width="100%" alt="">
                    <img src="images/top_pc/top3-2.jpg" width="100%" alt="">
                    <img src="images/top_pc/top4-2.jpg" width="100%" alt="">
                </div>
</main>

よろしくお願いします。

Answer 1

imgを置いている階層の記述に間違いが見つかり解決致しました。
失礼致しました。m(__)m