Slides com Setas

HTML Slides:

<left><div style="margin-left: -20px; margin-top:10px;"><center></center><script src='http://code.jquery.com/jquery-1.9.1.min.js' type='text/javascript'></script>
<script src='http://malsup.github.com/jquery.cycle.all.js' type='text/javascript'></script>
<script type='text/javascript'>
$(function (){
$('#slides ul').cycle({
fx:'fade',
speed:500,
timeout:3000,
prev:'#previous',
next:'#next',
})
})
</script>
<style type='text/css'>
#slides{
z-index:1;
width:724px;
height:285px;
margin:0 auto;
overflow:hidden;
list-style:none;
}
#slides ul{
list-style:none;
} #directions{
text-align:center;
}
#directions img{
opacity:0.7;
}
#directions img:hover{
opacity:1.0;
-webkit-transition: ALL 0.3s ease;
-o-transition: ALL 0.3s ease;
-moz-transition: ALL 0.3s ease;
} </style>
<div id='slides' ondragstart='return false' style='margin-left:20px;margin-bottom:-50px;'>
<ul>
<li><a href='#'><img border='0' src='http://i.imgur.com/mLQC3dA.png' width="718"/></a></li>
<li><a href='http://www.machinedesign.com.br/p/peca-um-tutorial-para-ser-postado.html'><img border='0' src='http://i1224.photobucket.com/albums/ee367/matheus33045sol/pedido.png' width="718"/></a></li>
<li><a href='http://www.machinedesign.com.br/2015/04/fireworkscs6.html'><img border='0' src='http://i.imgur.com/ZV12Gip.png' width="718"/></a></li>
</ul>
<div id='directions' ondragstart='return false'>
<!-- esquerda -->
<a href='#' id='previous'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmVZluovnUHShG33BM7T2kogVOJ5AGvUoYpDaAEjfl1wJQgOR6Y9keH1xflPku4lDeQptiR5EetYEyVXvx2wvVkd3JmpSpF9Gvc2WvVbMYPpMnbexfcb99ogAOb2K4ut1wDJeJYb1vSXTS/s1600/setaesquerda.fw.png' style='z-index:4;position:relative;top:-180px;left:-308px;'/></a>
<!-- direita -->
<a href='#' id='next'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAzbAcdDlFB4BZLKKfzfg29D4Me6oVzz8dYCylp6dERT-6_m5dkR4sMpdV9A8MaIkqLMRov-R3pkV4_GbVAmh_7-f0fnPyEu4eaC8JBw7iZFun4YLL8Jayn6faC83c-tatbbX1Xqs0Qv4F/s1600/setadireita.fw.png' style='z-index:5;position:relative;top:-180px;right:-302px;'/></a>
</div><center></center></div>
<br />
<br />
<br /></div></left>
<br />