The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

Reply to this topicStart new topic
> Need help with a carousel
Rating  5
post 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>
<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">



<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>


<div class="carousel-inner">

<div class = "item active">
<img src = "Tulips.jpg" alt = "Beach" class="img-responsive">
<div class = "item">
<img src="Hydrangeas.jpg" alt = "Beach" class="img-responsive">
<div class = "item">
<img src="Lighthouse.jpg" alt = "Beach" class="img-responsive">



<script src=""></script>
<script src=""></script>

<!-- Latest compiled and minified JavaScript -->
<script src = "js/bootstrap.js"</script>


This post has been edited by googleplex: Oct 8 2016, 08:37 PM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
post Oct 9 2016, 12:10 PM
Post #2

Programming Fanatic

Group: Members
Posts: 1,588
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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:


- Lo-Fi Version Time is now: 26th March 2019 - 03:27 PM