jCarousel mi mejor aliado como carrusel jQuery

function mycarousel_initCallback(carousel) {

jQuery('#forw').bind('click', function() {
carousel.next();
return false;
});

jQuery('#prev').bind('click', function() {
carousel.prev();
return false;
});
};

jQuery(document).ready(function() {
jQuery("#carrusel").jcarousel({
scroll :1,
auto: 3,
wrap : "both",
initCallback: mycarousel_initCallback,
buttonNextHTML: null,
buttonPrevHTML: null
});
});

<div id="wrap"><a id="prev" href="#"> << </a><a id="forw" href="#"> >> </a>
<ul id="carrusel">
 	<li><img src="imagen1.jpg" alt="imagen1" /></li>
 	<li><img src="imagen2.jpg" alt="imagen2" /></li>
 	<li><img src="imagen3.jpg" alt="imagen3" /></li>
 	<li><img src="imagen4.jpg" alt="imagen4" /></li>
 	<li><img src="imagen5.jpg" alt="imagen5" /></li>
 	<li><img src="imagen6.jpg" alt="imagen6" /></li>
</ul>
</div>

*{
margin: 0;
padding: 0;

border: none;
}
.jcarousel-clip{
width: 630px;
position: relative;
overflow: hidden;
}

.jcarousel-clip li{
width: 630px;
float: left;
}

.jcarousel-clip li img{
width: 630px;
}
#wrap{
width: 630px;
position: relative;
}

#prev, #forw{
padding: 30px 0;
background: #000;
text-align: center;
width: 30px;
color: #fff;
text-decoration: none;
font-size: 25px;
font-family: arial, sans-serif;
display: block;
}
#prev{
position: absolute;
z-index: 10;
top: 42%;
}

#forw{
position: absolute;
z-index: 10;
right: 0;
top: 42%;
}