Getting carousel to continually rotate

Discussion in 'HTML and CSS' started by SlimChickenCoding, Sep 27, 2017.

  1. SlimChickenCoding

    SlimChickenCoding

    Joined:
    Sep 27, 2017
    Messages:
    1
    Likes Received:
    0
    Hello,

    I'm using a carousel in my ASP.net MVC web app and when I first put it in it continually ran through the slides without stopping. Now for some reason it plays and runs through my slides gets to the end of the pictures and goes blank and does not loop back to the first slide. I've ran through the code a 100 times and cannot see where I changed anything. Any feed back or help would be appreciated.

    Here is my code:
    <div align="center">
    <h1 class="title" style="color:white">Facilities</h1>
    </div>
    <div style="margin-top: 5%" align="center">
    <div id="myCarousel" class="carousel slide" data-ride="carousel">
    <!-- Indicators -->
    <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>
    <li data-target="#myCarousel" data-slide-to="3"></li>
    <li data-target="#myCarousel" data-slide-to="4"></li>
    <li data-target="#myCarousel" data-slide-to="5"></li>
    <li data-target="#myCarousel" data-slide-to="6"></li>
    <li data-target="#myCarousel" data-slide-to="7"></li>
    <li data-target="#myCarousel" data-slide-to="8"></li>
    <li data-target="#myCarousel" data-slide-to="9"></li>
    <li data-target="#myCarousel" data-slide-to="10"></li>
    <li data-target="#myCarousel" data-slide-to="11"></li>
    <li data-target="#myCarousel" data-slide-to="12"></li>
    </ol>
    <!-- Wrapper for slides -->
    <div class="carousel-inner">
    <div class="item active" wrap="true">
    <img src="~/content/Images/SC2 corporate cropped.JPG" alt="SC2 Corp" width="500em" height="500em">
    <div align="center">
    <p class="paragraph" style="margin-top: 5em; position: center; color: white; z-index: -2; font-size: 1em; visibility: visible;">
    SC2 Supply Chain Services opened the corporate office in 1996. Located in Peoria IL the facility houses the corporate offices as well as 160,000 sq ft warehouse.
    </p>
    <div align="center">
    <h3 class="subheader" style="position: absolute; right: 100em; color: white; z-index: -3; visibility: visible;">Contact:</h3>
    <p class="paragraph" style="margin-top: 20px; position: center; color: white; z-index: -4; font-size: 1em; visibility: visible;">
    Address: 801 S. Jefferson Ave Peoria, IL 61605 ||
    Phone: 309-677-5980 ||
    <a href="http://maps.google.com/maps?q=801+SW+Jefferson+Ave,+Peoria,+IL+61605">
    Click for Directions
    </a>
    </p>
    </div>
    </div>
    </div>
    <div class="item">
    <img src="~/content/Images/Untitled design (16).png" alt="SC2 Maintenance Facility" width="500em" height="500em">
    <div align="center">
    <p class="paragraph" style="margin-top: 5em; position: center; color: white; z-index: -2; font-size: 1em; visibility: visible;">
    The Maintenance Facility ran by Larry Hutchison is a Vital part of SC2.
    </p>
    <div align="center">
    <h3 class="subheader" style="position: absolute; right: 100em; color: white; z-index: -3; visibility: visible;">Contact:</h3>
    <p class="paragraph" style="margin-top: 20px; position: center; color: white; z-index: -4; font-size: 1em; visibility: visible;">
    Address: 4000 SW. Adams St Peoria, IL 61605 ||
    Phone: 309-637-5051 ||
    <a href="http://maps.google.com/maps?q=4000+SW+Adams+St,+Peoria,+IL+61605">
    Click for Directions
    </a>
    </p>
    </div>
    </div>
    </div>
    <div class="item">
    <img src="~/content/Images/600 Camp St.jpg" alt="SC2 Camp Facility" width="500em" height="500em">
    <div align="center">
    <p class="paragraph" style="margin-top: 5em; position: center; color: white; z-index: -2; font-size: 1em; visibility: visible;">
    SC2 expanded to East Peoria in 2000 and establishedmtheir dealer returns for Catepillar in a 320,000 sq ft warehouse. The building is ran by Chris Hulett and Tabatha Way.
    </p>
    <div align="center">
    <h3 class="subheader" style="position: absolute; right: 100em; color: white; z-index: -3; visibility: visible;">Contact:</h3>
    <p class="paragraph" style="margin-top: 20px; position: center; color: white; z-index: -4; font-size: 1em; visibility: visible;">
    Address: 600 Camp St. East Peoria, IL 61611 || Phone: 309-694-6000 ||
    <a href="http://maps.google.com/maps?q=600+Camp+St,East+Peoria,+IL+61611">
    Click for Directions
    </a>
    </p>
    </div>
    </div>
    </div>
    <div class="item">
    <img src="~/content/Images/EastPaint.jpg" alt="SC2 Paint Facility EP" width="500em" height="500em">
    <div align="center">
    <p class="paragraph" style="margin-top: 5em; position: center; color: white; z-index: -2; font-size: 1em; visibility: visible;">
    SC2 expanded to East Peoria in 2000 and established their paint facility. The building is ran by Joshua Clark
    </p>
    <div align="center">
    <h3 class="subheader" style="position: absolute; right: 100em; color: white; z-index: -3; visibility: visible;">Contact:</h3>
    <p class="paragraph" style="margin-top: 20px; position: center; color: white; z-index: -4; font-size: 1em; visibility: visible;">
    Address: 200 Carver Ln. East Peoria, IL 61611 || Phone: 309-699-3984 ||
    <a href="http://maps.google.com/maps?q=200+Carver+Ln,East+Peoria,+IL+61611">
    Click for Directions
    </a>
    </p>
    </div>
    </div>
    </div>
    <div class="item">
    <img src="~/content/Images/CAT TTT.jpg" alt="SC2 East Peoria TT" width="500em" height="500em">
    <div align="center">
    <p class="paragraph" style="margin-top: 5em; position: center; color: white; z-index: -2; font-size: 1em; visibility: visible;">
    SC2 East Peoria TTT was established in 2017 as an on-site service located inside of a CAT facility. CAT utilizes SC2's expertise in Logistics Planning among several other services.
    </p>
    <div align="center">
    <h3 class="subheader" style="position: absolute; right: 100em; color: white; z-index: -3; visibility: visible;">Contact:</h3>
    <p class="paragraph" style="margin-top: 20px; position: center; color: white; z-index: -4; font-size: 1em; visibility: visible;">
    Address: Tractor Dr. East Peoria, IL 61611 || Phone: ||
    <a href="http://maps.google.com/maps?q=Tractor+Dr,East+Peoria,+IL+61611">
    Click for Directions
    </a>
    </p>
    </div>
    </div>
    </div>
    <div class="item">
    <img src="~/content/Images/Bartonville 2.JPG" alt="SC2 Airport Warehouse Bartonville" width="500em" height="500em">
    <div align="center">
    <p class="paragraph" style="margin-top: 5em; position: center; color: white; z-index: -2; font-size: 1em; visibility: visible;">
    Established 2010 the Bartonville facility(Airport) sits inside of a 400,000 sq ft building. Airport houses commercial packaging ran by Misty Hallor.
    </p>
    <div align="center">
    <h3 class="subheader" style="position: absolute; right: 100em; color: white; z-index: -3; visibility: visible;">Contact:</h3>
    <p class="paragraph" style="margin-top: 20px; position: center; color: white; z-index: -4; font-size: 1em; visibility: visible;">
    Address: 6409 W Smithville Rd. Bartonville, IL 61607 || Phone: 309-633-9120 ||
    <a href="http://maps.google.com/maps?q=6409+W+Smithville+Rd,Bartonville,+IL+61604">
    Click for Directions
    </a>
    </p>
    </div>
    </div>
    </div>
    <div class="item">
    <img src="~/content/Images/Mossville.jpg" alt="SC2 Mossville" width="500em" height="500em">
    <div align="center">
    <p class="paragraph" style="margin-top: 5em; position: center; color: white; z-index: -2; font-size: 1em; visibility: visible;">
    Established 2007 the Mossville facility is a 500,000 sq ft building. Contract Packaging and Cross-Dock Services are ran in the facility headed by Randy Rarick.
    </p>
    <div align="center">
    <h3 class="subheader" style="position: absolute; right: 100em; color: white; z-index: -3; visibility: visible;">Contact:</h3>
    <p class="paragraph" style="margin-top: 20px; position: center; color: white; z-index: -4; font-size: 1em; visibility: visible;">
    Address: 2314 Wilkins Dr. Mossville, IL 61523 || Phone: 309-633-9120 ||
    <a href="http://maps.google.com/maps?q=2314+Wilkins+Dr,Mossville,+IL+61523">
    Click for Directions
    </a>
    </p>
    </div>
    </div>
    </div>
    <div class="item">
    <img src="~/content/Images/Mossville DD.jpg" alt="SC2 Mossville DD" width="500em" height="500em">
    <div align="center">
    <p class="paragraph" style="margin-top: 5em; position: center; color: white; z-index: -2; font-size: 1em; visibility: visible;">
    Housed inside of a CAT facility Mossville DD was established in 2014. Providing Storing, Receiving, Pick and Ship services on site for CAT.
    </p>
    <div align="center">
    <h3 class="subheader" style="position: absolute; right: 100em; color: white; z-index: -3; visibility: visible;">Contact:</h3>
    <p class="paragraph" style="margin-top: 20px; position: center; color: white; z-index: -4; font-size: 1em; visibility: visible;">
    Address: 14009 Old Galena Rd. Mossville, IL 61522 || Phone: 309-633-9120 ||
    <a href="http://maps.google.com/maps?q=14009+Old+Galena+Rd,Mossville,+IL+61522">
    Click for Directions
    </a>
    </p>
    </div>
    </div>
    </div>
    <div class="item">
    <img src="~/content/Images/Bloomington 1.JPG" alt="NuAir Normal" width="500em" height="500em">
    <div align="center">
    <p class="paragraph" style="margin-top: 5em; position: center; color: white; z-index: -2; font-size: 1em; visibility: visible;">
    Established in 1991 the 105,000 sq ft facility in Normal IL is utilized for fabrication work and filtration. The facility is ran by Jami Harding.
    </p>
    <div align="center">
    <h3 class="subheader" style="position: absolute; right: 100em; color: white; z-index: -3; visibility: visible;">Contact:</h3>
    <p class="paragraph" style="margin-top: 20px; position: center; color: white; z-index: -4; font-size: 1em; visibility: visible;">
    Address: 2219 W.College Ave. Normal, IL 61761 || Phone: 309-888-4331 ||
    <a href="http://maps.google.com/maps?q=2219+W+College+Ave,Normal,+IL+61761">
    Click for Directions
    </a>
    </p>
    </div>
    </div>
    </div>
    <div class="item">
    <img src="~/content/Images/Delavan.jpg" alt="SC2 Delavan Facility" width="500em" height="500em">
    <div align="center">
    <p class="paragraph" style="margin-top: 5em; position: center; color: white; z-index: -2; font-size: 1em; visibility: visible;">
    Established in 1997 the Delavan facility 1.3 Million sq ft is used for VMI Warehousing.
    </p>
    <div align="center">
    <h3 class="subheader" style="position: absolute; right: 100em; color: white; z-index: -3; visibility: visible;">Contact:</h3>
    <p class="paragraph" style="margin-top: 20px; position: center; color: white; z-index: -4; font-size: 1em; visibility: visible;">
    Address: 1980 Catepillar Rd. Delavan, IL 61734 || Phone: 309-888-4331 ||
    <a href="http://maps.google.com/maps?q=1980+Catepillar+Rd,Delavan,+IL+61734">
    Click for Directions
    </a>
    </p>
    </div>
    </div>
    </div>
    <div class="item">
    <img src="~/content/Images/Decatur DD.jpg" alt="SC2 Decatur" width="500em" height="500em">
    <div align="center">
    <p class="paragraph" style="margin-top: 5em; position: center; color: white; z-index: -2; font-size: 1em; visibility: visible;">
    Established in 2002 as an on-site service to CAT. SC2 provides Facility Maintenance, Paint Booth Cleaning, Line Striping, Lighting, and Material handling.
    </p>
    <div align="center">
    <h3 class="subheader" style="position: absolute; right: 100em; color: white; z-index: -3; visibility: visible;">Contact:</h3>
    <p class="paragraph" style="margin-top: 20px; position: center; color: white; z-index: -4; font-size: 1em; visibility: visible;">
    Address: 2701 Pershing Rd. Decatur, IL 62525 || Phone: 309-677-5980 ||
    <a href="http://maps.google.com/maps?q=2701+Pershing+Rd,+Decatur,+IL+62525">
    Click for Directions
    </a>
    </p>
    </div>
    </div>
    </div>
    <div class="item">
    <img src="~/content/Images/Decatur DD.jpg" alt="SC2 Decatur" width="500em" height="500em">
    <div align="center">
    <p class="paragraph" style="margin-top: 5em; position: center; color: white; z-index: -2; font-size: 1em; visibility: visible;">
    Established in 2002 as an on-site service to CAT. SC2 provides Facility Maintenance, Paint Booth Cleaning, Line Striping, Lighting, and Material handling.
    </p>
    <div align="center">
    <h3 class="subheader" style="position: absolute; right: 100em; color: white; z-index: -3; visibility: visible;">Contact:</h3>
    <p class="paragraph" style="margin-top: 20px; position: center; color: white; z-index: -4; font-size: 1em; visibility: visible;">
    Address: 801 E. 1st St. Suite 500 Door #31A Milan, IL 61264|| Phone: 309-677-5980 ||
    <a href="http://maps.google.com/maps?q=801+E+1st+St+Milan,+IL+61264">
    Click for Directions
    </a>
    </p>
    </div>
    </div>
    </div>
    <div class="item">
    <img src="~/content/Images/Waco_PNG.png" alt="SC2 Decatur" width="500em" height="500em">
    <div align="center">
    <p class="paragraph" style="margin-top: 5em; position: center; color: white; z-index: -2; font-size: 1em; visibility: visible;">
    Established in 2008 in a 100,000 sq ft warehouse. SC2 uses this facility as a warehouse and logistics center ran by Emily Shaw.
    </p>
    <div align="center">
    <h3 class="subheader" style="position: absolute; right: 100em; color: white; z-index: -3; visibility: visible;">Contact:</h3>
    <p class="paragraph" style="margin-top: 20px; position: center; color: white; z-index: -4; font-size: 1em; visibility: visible;">
    Address: 301 Schroeder Dr. Waco, TX 76710 || Phone: 254-756-2622 ||
    <a href="http://maps.google.com/maps?q=301+Schroeder+Dr,+Waco,+TX+76710">
    Click for Directions
    </a>
    </p>
    </div>
    </div>
    </div>
    <!-- Left and right controls -->
    <a class="left carousel-control" href="#myCarousel" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left"></span>
    <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#myCarousel" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right"></span>
    <span class="sr-only">Next</span>
    </a>
    </div>
    </div>
    </div>
     
    SlimChickenCoding, Sep 27, 2017
    #1
    1. Advertisements

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments (here). After that, you can post your question and our members will help you out.