$(function(){
$('.carousel ul').anoSlide({
items: 1,
speed: 500,
prev: 'a.prev',
next: 'a.next',
lazy: true
});
});
<div class="carousel">
<a class="prev"></a>
<ul>
<li><img data-src="images/slides/1.jpg" src="1x1px.gif"></li>
<li><img data-src="images/slides/2.jpg" src="1x1px.gif"></li>
<li><img data-src="images/slides/3.jpg" src="1x1px.gif"></li>
<li><img data-src="images/slides/4.jpg" src="1x1px.gif"></li>
<li><img data-src="images/slides/5.jpg" src="1x1px.gif"></li>
<li><img data-src="images/slides/6.jpg" src="1x1px.gif"></li>
<li><img data-src="images/slides/7.jpg" src="1x1px.gif"></li>
</ul>
<a class="next"></a>
</div>