gscarousel

<a href="#" id="w_nav_prev" class="wkirex_slider_nav prev"></a>
<a href="#" id="w_nav_next" class="wkirex_slider_nav next"></a>
<div class="wikirex_slider">
    <ul class="slide_wrapper">
		<li></li>
		<li></li>
	</ul>
</div>

CSS:

.wikirex_slider{height:280px; width:810px; margin: 0 auto;}
.wikirex_slider li{width:50px;}

.wkirex_slider_nav{width: 40px; height: 40px; background: url(../images/index/arrow.png) no-repeat; position: absolute;top: 140px;}
.wkirex_slider_nav.prev{background-position: 0px 0px; left:18px;}
.wkirex_slider_nav.prev:hover{background-position: 0 -40px;}
.wkirex_slider_nav.next{background-position: -40px 0px; right: 18px;}
.wkirex_slider_nav.next:hover{background-position: -40px -40px;}

Javascript:

  $('.wikirex_slider').gscarousel({
    prev_button: '#w_nav_prev', 
    next_button: '#w_nav_next'
  });