Need help with a carousel |
Need help with a carousel |
googleplex |
Oct 8 2016, 08:32 PM
Post
#1
|
Group: Members Posts: 1 Joined: 8-October 16 Member No.: 24,879 |
Ive come to a roadblock and really need help. Im trying to make a carousel, and everything was going good, but it got to the point where it wont work. It does not transition slides. I need help identifying the issue. Code is below. P.S. im using bootstrap.
<!DOCTYPE html> <html> <head> <title>Test Page</title> <meta name="viewport" content="width-device-width, initial-scale-1.0"> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <link href = "css/bootstrap.min.css" rel = "stylesheet"> <link href = "css/styles.css" rel = "stylesheet"> </head> <body> <div id = "myCarousel" class="carousel"> <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> <div class="carousel-inner"> <div class = "item active"> <img src = "Tulips.jpg" alt = "Beach" class="img-responsive"> </div> <div class = "item"> <img src="Hydrangeas.jpg" alt = "Beach" class="img-responsive"> </div> <div class = "item"> <img src="Lighthouse.jpg" alt = "Beach" class="img-responsive"> </div> </div> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="http://code.jquery.com/jquery.js"></script> <!-- Latest compiled and minified JavaScript --> <script src = "js/bootstrap.js"</script> </body> </html> This post has been edited by googleplex: Oct 8 2016, 08:37 PM |
CharlesEF |
Oct 9 2016, 12:10 PM
Post
#2
|
Programming Fanatic Group: Members Posts: 1,981 Joined: 27-April 13 From: Edinburg, Texas Member No.: 19,088 |
This can't be all the code. I see no javascript that would control the carousel. The HTML has defined the carousel but you need javascript to control it I can tell you that your current placement of the 3 <script> tags should go in the <head> section.
|
Lo-Fi Version | Time is now: 28th April 2024 - 07:19 AM |