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
googleplex
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>
<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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
CharlesEF
post Oct 9 2016, 12:10 PM
Post #2


This is My Life
*******

Group: Members
Posts: 1,374
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
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 28th May 2017 - 09:16 AM