知道为什么我的旋转木马不会自动更改图片吗

Any idea why my carousel does not automatically change pics?

本文关键字:为什么 我的 旋转木马      更新时间:2023-09-26

我正试图在我的网站上制作一个旋转木马,这样它就会自动更改四张图片。这是我的代码,但我一直在想为什么它不会改变任何图片:

                <div class="carousel">
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
            <script src="js/bootstrap.min.js"></script>
            <script>
            $(function () {
                $('#homeCarousel').carousel({
                    interval:3000,
                    pause: "false"
                });
            });
            </script>
            <!-- Carousel start -->
            <div id="homeCarousel" class="carousel slide">
              <!-- Menu -->
              <ol class="carousel-indicators">
                <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                <li data-target="#myCarousel" data-slide-to="1"></li>
                <li data-target="#myCarousel" data-slide-to="2"></li>
              </ol>
              <!-- Items -->
              <div class="carousel-inner">
                  <!-- Item 1 -->
                <div class="item active">
                    <img src="images/l1.jpg">
                  <div class="container">
                    <div class="carousel-caption"></div>
                  </div>
                </div>
                  <!-- Item 2 -->
                <div class="item">
                    <img src="images/l2.jpg"> 
                  <div class="container">
                    <div class="carousel-caption"></div>
                  </div>
                </div>
                  <!-- Item 3 -->
                <div class="item">
                    <img src="images/l3.jpg">
                  <div class="container">
                    <div class="carousel-caption"></div>
                  </div>
                </div>
              </div>
            </div>
            <!-- Carousel end -->
            </div>

我试过改变间隔时间,重新格式化所有内容,查看不同的帖子,但我似乎无法理解。

你知道问题出在哪里吗?

需要澄清的是,引导程序转盘在很大程度上依赖于引导程序CSS。你的帖子中没有它,所以请确保你的页面中有引用。

之后,您的问题将出现在<li data-target="#myCarousel"...行中。这些需要引用您的carouseldiv,因此它们应该具有data-target="#homeCarousel"

一旦我修复了你的代码对我有效的问题。