Hi all,

I am trying to add this slider: http://cssglobe.com/lab/easyslider1.5/04.html to my website but due to my inexperience can't seem to get it to work.. please help...

Here is my code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Welcome to Somerset Wedding Wishes</title>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<script type="text/javascript" src="easyslider1.5/js/jquery.js"></script>
<script type="text/javascript" src="easyslider1.5/js/easySlider.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#slider").easySlider({
auto: true,
continuous: true
});
});
</script>
<style type="text/css">
<!--
body {
background-color: #000000;
background-image: url(bg1.jpg);
background-repeat: repeat-x;
}
#slider{}
#slider ul, #slider li{
margin:0;
padding:0;
list-style:none;
}
#slider li{
width:696px;
height:241px;
overflow:hidden;
}
#prevBtn, #nextBtn{
display:block;
width:30px;
height:77px;
position:absolute;
left:-30px;
top:71px;
}
#nextBtn{
left:696px;
}
#prevBtn a, #nextBtn a{
display:block;
width:30px;
height:77px;
background:url(images/btn_prev.gif) no-repeat 0 0;
}
#nextBtn a{
background:url(images/btn_next.gif) no-repeat 0 0;
}
-->
</style>
</head>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Untitled-1) -->
<table width="922" height="864" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
<tr>
<td>
<img src="images/home_01.png" width="922" height="230" alt=""></td>
</tr>
<tr>
<td><div id="slider"><ul>

<li><img src="easyslider1.5/images/01.jpg" alt="pic1"></li>
<li><img src="easyslider1.5/images/02.jpg" alt="pic2"></li>
<li><img src="easyslider1.5/images/03.jpg" alt="pic3"></li>
...
</ul>
</div>
<div align="center"></div></td>
</tr>
<tr>
<td>
<img src="images/home_03.png" width="922" height="239" alt=""></td>
</tr>
<tr>
<td>
<img src="images/home_04.png" width="922" height="170" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->

});
</body>
</html>