actually i deleted that one in carousel.html, i just need to code a
script for my navigation
i dont know how to fix it.
<!doctype html>
<html
lang="en"><head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible"
content="IE=edge,chrome=1">
<meta name="viewport"
content="width=device-width, initial-scale=1.0,
maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" type="text/css"
href="css/demo.css">
<link rel="stylesheet" type="text/css"
href="css/style.css">
<link rel="stylesheet" type="text/css"
href="css/elastislide.css">
<noscript>
<style>
.es-carousel ul{
display:block;
}
</style>
</noscript>
</head>
<body>
<div
class="container">
<div class="content">
<div id="rg-gallery"
class="rg-gallery">
<div class="rg-image-wrapper">
<div class="rg-image-nav">
</div>
<div
class="rg-image">
<img src="images/ad-ayala-large.jpg">
</div>
<div
class="rg-loading" style="display:
none;"></div>
<div class="rg-caption-wrapper">
<div class="rg-caption"
style="display:none;">
<p></p>
</div>
</div>
</div>
<div
class="rg-thumbs">
<!-- Elastislide Carousel Thumbnail Viewer -->
<div class="es-carousel-wrapper">
<div class="es-nav">
<span
class="es-nav-prev">Previous</span>
<span
class="es-nav-next">Next</span>
</div>
<div
class="es-carousel">
<ul style="width: 370px; display: block; margin-left:
0px;">
<li
class="selected" style="margin-right: 3px; width:
69px;"><a href="#"
style="border-width: 2px;"><img
src="images/ad-ayala-thumbnail.jpg"
data-large="images/ad-ayala-large.jpg"
alt="image01"
data-description=""></a></li>
<li style="margin-right: 3px; width:
69px;"><a href="#" style="border-width:
2px;"><img src="images/vwall-thumbnail-02.png"
data-large="images/vwall-02.jpg" alt="image02"
data-description=""></a></li>
<li style="margin-right: 3px; width:
69px;"><a href="#" style="border-width:
2px;"><img src="images/vwall-thumbnail-03.png"
data-large="images/vwall-03.jpg" alt="image03"
data-description=""></a></li>
<li style="margin-right: 3px; width:
69px;"><a href="#" style="border-width:
2px;"><img src="images/vwall-thumbnail-04.png"
data-large="images/vwall-04.jpg" alt="image04"
data-description=""></a></li>
</ul>
</div>
<div
class="es-nav"><span
class="es-nav-prev" style="display:
none;">Previous</span><span
class="es-nav-next" style="display:
none;">Next</span></div></div>
<!-- End Elastislide Carousel Thumbnail Viewer
-->
</div><!--
rg-thumbs --></div><!-- rg-gallery -->
</div><!-- content -->
</div><!-- container -->
<script type="text/javascript"
src="js/jquery.tmpl.min.js"></script>
<script type="text/javascript"
src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript"
src="js/jquery.elastislide.js"></script>
<script type="text/javascript"
src="js/gallery.js"></script>
</body></html>