طلب مثل الكود الموجود فيَ الصورةة

<!-- Style -->
<style type="text/css">
.slider_specialoffer_content {position:relative;display:block;width:691px;height:239px;}
.slider {width:691px;height:239px;position:absolute;
background:url(http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider_bg.png) no-repeat center center;}
.box_skitter_large {width:691px!important;height:237px!important;}
.slider img {width:691px;height:237px;margin:6px 9px;}
.slider .next_button,.slider .prev_button {position:absolute;top:40%;width:43px;height:45px;
overflow:hidden;z-index:999;text-indent:-9999px;}
.slider .next_button {right:30px;
background:url(http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider_next.png) no-repeat;}
.slider .prev_button {left:30px;
background:url(http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider_prev.png) no-repeat;}
</style>

<!-- Links & Scripts -->
<link href="http://www.bdayh.com/wp-content/themes/bdayh/assets/style/skitter.styles.css" media="all" rel="stylesheet" type="text/css">
<script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/scripts.js" type="text/javascript"></script>
<script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery.skitter.min.js" type="text/javascript"></script>
<script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/bdayh.addons.js" type="text/javascript"></script>
<script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery.gridnav.js" type="text/javascript"></script>
<script type="text/javascript" src="http://foryamany2.googlecode.com/svn/trunk/4egyslide.js
"></script>

  <div class="slider_specialoffer_content">
    <div class="slider">
  <!--<a href="#" class="next_button">next</a> <a href="#" class="prev_button">prev</a> -->
      <div class="box_skitter box_skitter_large">
  <ul>
    <li><a href="رابط1"><img alt="Mizo-Slide" src="صورة1"></a></li>
    <li><a href="رابط2"><img alt="Mizo-Slide" src="صورة2"></a></li>
    <li><a href="رابط3"><img alt="Mizo-Slide" src="صورة3"></a></li>
    <li><a href="رابط4"><img alt="Mizo-Slide" src="صورة4"></a></li>
    <li><a href="رابط5"><img alt="Mizo-Slide" src="صورة5"></a></li>
    <li><a href="رابط6"><img alt="Mizo-Slide" src="صورة6"></a></li>
    <li><a href="رابط7"><img alt="Mizo-Slide" src="صورة7"></a></li>
    <li><a href="رابط8"><img alt="Mizo-Slide" src="صورة8"></a></li>
    <li><a href="رابط9"><img alt="Mizo-Slide" src="صورة9"></a></li>
  </ul>
      </div>
    </div>
  </div>

<link href="http://noxik.koom.ma/noxik.css" rel="stylesheet" /><script src="https://hal-slider.googlecode.com/svn/trunk/slider2/jquery-1.4.4.min.js" type="text/javascript"></script><script src="https://hal-slider.googlecode.com/svn/trunk/slider2/jquery.mousewheel.js" type="text/javascript"></script><script src="https://hal-slider.googlecode.com/svn/trunk/slider2/jquery.carousel.js" type="text/javascript"></script><script type="text/javascript">
    $(document).ready(function(){
        $('.carousel').carousel({carouselWidth:930, carouselHeight:240, frontWidth: 220,hMargin: 0.7, vMargin: 0.2,
            frontHeight: 220, buttonNav:'bullets', slidesPerScroll: 6, directionNav:true, shadow:true, autoplay: true, reflection:false });
    });
</script>
<div class="list-wrap">
  <div id="atab">
      <div class="carousel">
        <div class="slides">
            <div><a href="#"><img alt="" src="https://hal-slider.googlecode.com/svn/trunk/slider2/images/slide1.png" /></a>
            </div>
            <div>
              <a href="#"><img alt="" src="https://hal-slider.googlecode.com/svn/trunk/slider2/images/slide2.png" /></a>
            </div>
            <div>
              <a href="#"><img alt="" src="https://hal-slider.googlecode.com/svn/trunk/slider2/images/slide3.png" /></a>
            </div>
            <div>
              <a href="#"><img alt="" src="https://hal-slider.googlecode.com/svn/trunk/slider2/images/slide4.png" /></a>
            </div>
            <div>
              <a href="#"><img alt="" src="https://hal-slider.googlecode.com/svn/trunk/slider2/images/slide5.png" /></a>
            </div>
            <div>
              <a href="#"><img alt="" src="https://hal-slider.googlecode.com/svn/trunk/slider2/images/slide6.png" /></a>
            </div>
            <div>
              <a href="#"><img alt="" src="https://hal-slider.googlecode.com/svn/trunk/slider2/images/slide7.png" /></a>
            </div>
            <div>
              <a href="#"><img alt="" src="https://hal-slider.googlecode.com/svn/trunk/slider2/images/slide8.png" /></a>
            </div>
        </div>
      </div>
  </div>
</div>