My HTML carousel isn't working -


my html:

<!doctype html>     <html>         <head>             <meta charset="utf-8">             <title>figueiredo</title>             <link rel="stylesheet" href="css/other.css" type="text/css"/>         </head>         <body>             <div id="header" class="header-cont">                 <ul>                     <li><a href="https://www.google.pt/webhp?sourceid=chrome-instant&rlz=1c1asuc_enpt607pt607&ion=1&espv=2&ie=utf-8#q=filmes"</a> filmes</li>                     <li><a href="https://www.google.pt/webhp?sourceid=chrome-instant&rlz=1c1asuc_enpt607pt607&ion=1&espv=2&ie=utf-8#q=filmes"</a> música</li>                     <li><a href="https://www.google.pt/webhp?sourceid=chrome-instant&rlz=1c1asuc_enpt607pt607&ion=1&espv=2&ie=utf-8#q=filmes"</a> portefólio</li>                     <li><a href="https://www.google.pt/webhp?sourceid=chrome-instant&rlz=1c1asuc_enpt607pt607&ion=1&espv=2&ie=utf-8#q=filmes"</a> contactos</li>                  </ul>             </div>             <div id="mycarousel" class="carousel slide" data-ride="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" role="listbox">                     <div class="item active">                         <a href="figueiredo.html"> <img src="https://s-media-cache-ak0.pinimg.com/736x/79/46/75/7946751143452f74384ed52d917af00e.jpg"> </a>                     </div>                     <div class="item">                         <a href="figueiredo.html"> <img src="http://blog.signalnoise.com/wp-content/uploads/2014/10/twitter_drive_bbc.jpg"> </a>                     </div>                     <div class="item">                     <a href="figueiredo.html"> <img src="http://orig07.deviantart.net/b8b1/f/2009/202/8/9/the_matrix_poster_art_by_themadmind.jpg"> </a>                 </div>                 </div>                 <a class="left carousel-control" href="#mycarousel" role="button" data-slide="prev">                     <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>                     <span class="sr-only">previous</span>                 </a>                 <a class="right carousel-control" href="#mycarousel" role="button" data-slide="next">                     <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>                     <span class="sr-only">next</span>                 </a>             </div>         </body>     </html> 

i copied code w3schools , doesn't work. want create carousel 3 images linked in code. if possible know how put carousel in vertical.

what i'm getting:

enter image description here

try including links js in head section of html.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 

Comments

Popular posts from this blog

sql server - Cannot query correctly (MSSQL - PHP - JSON) -

php - trouble displaying mysqli database results in correct order -

C++ Linked List -