> So i am trying to get it run a ui slider but iv never done anything with jquery before so was unsure how to do it i cant get this to work and was wondering if someone could help me do it
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<link rel=stylesheet type="text/css" href="css.css" >
</head>
<body>
<Nav>
<li><a class="active" href="home.html">Home</a></li>
<li><a href="roster.html">Roster</a></li>
<li><a href="events.html">Events</a></li>
<li><a href="history.html">History</a></li>
<li><a href="training.html">Training</a></li>
<li><a href="news.html">News</a></li>
<li><a href="about.html">About</a></li>
</nav>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
link rel="stylesheet" type="text/css" href="style/slider.css" />
<script type="text/javascript" src="js/slider.js"></script>
<div class="container">
<div class="captions">
<div class="caption" name="c0">
<p>Caption 1</p>
</div>
<div class="caption" name="c1">
<p>Caption 2</p>
</div>
<div id="buttons">
<div id="left" value="left" onClick="show_previous()"></div>
<div id="right" value="right" onClick="show_next()"></div>
</div>
</div>
<div class="slider">
<div class="slide" name="0" style="background-image:url(Theacademy.jpg)"></div>
<div class="slide" name="1" style="background-image:url(britishwrestling/2.jpg)"></div>
</div>
</div>
</body>
</html>
