• GoDaddy Community
  • Websites + Marketing | Website Builders
  • Websites + Marketing | Website Builders

    Showing results for 
    Show  only  | Search instead for 
    Did you mean: 

    Bootstrap Carousel Issues

    Hi! I am trying to get a mock for a website going on my goDaddy host but I have Carousel issues. To my knowledge everything is coded correctly but I may be wrong.


    Directory layout:



    in /websitefoldername/

    in the images folder there is all the stockphotos.pngs aka

    - stockphoto4.png stockphoto5.png and stockphoto6.png


    my code:

      <div id="carousel" class="container-fluid">
          <div id="newsCarousel" class="carousel slide d-none d-sm-block" data-ride="carousel">
            <ol class="carousel-indicators">
              <li data-target="#newsCarousel" data-slide-to="0" class="active"></li>
              <li data-target="#newsCarousel" data-slide-to="1"></li>
              <li data-target="#newsCarousel" data-slide-to="2"></li>
            <div class="carousel-inner">
              <div class="carousel-item active">
                <img class="d-block w-100" src="/images/stockphoto4.png" alt="First slide">
              </div><!-- end of first slide -->
              <div class="carousel-item">
                <img class="d-block w-100" src="/images/stockphoto5.png" alt="Second slide">
              </div><!-- end of second slide -->
              <div class="carousel-item">
                <img class="d-block w-100" src="/images/stockphoto6.png" alt="Third slide">
              </div><!-- end of third slide -->
              <a class="carousel-control-prev" href="#newsCarousel" role="button" data-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
              </a><!-- end of carousel previous button control -->
              <a class="carousel-control-next" href="#newsCarousel" role="button" data-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
              </a><!-- end of carousel next button control -->
            </div><!-- end of carousel-inner -->
          </div><!-- end of newsCarousel -->
        </div><!-- end of carousel -->

    Yet the carousel will not load. Either I have the directory wrong now that it is uploaded to a webhost and not on my harddrive or file permissions are wrong. Im clueless! All help is appreciated.



    0 REPLIES 0