سؤال على السلايدر شو بالتمبيلات ارجو المساعدة

<link rel="stylesheet" href="https://hal-slider.googlecode.com/svn/trunk/slider2/carousel.css"/>
<script type="text/javascript" src="https://hal-slider.googlecode.com/svn/trunk/slider2/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="https://hal-slider.googlecode.com/svn/trunk/slider2/jquery.mousewheel.js"></script>
<script type="text/javascript" src="https://hal-slider.googlecode.com/svn/trunk/slider2/jquery.carousel.js"></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 src="https://hal-slider.googlecode.com/svn/trunk/slider2/images/slide1.png" alt="" /></a></div>
                <div><a href="#"><img src="https://hal-slider.googlecode.com/svn/trunk/slider2/images/slide2.png" alt="" /></a></div>
                <div><a href="#"><img src="https://hal-slider.googlecode.com/svn/trunk/slider2/images/slide3.png" alt="" /></a></div>
                <div><a href="#"><img src="https://hal-slider.googlecode.com/svn/trunk/slider2/images/slide4.png" alt="" /></a></div>
                <div><a href="#"><img src="https://hal-slider.googlecode.com/svn/trunk/slider2/images/slide5.png" alt="" /></a></div>
                <div><a href="#"><img src="https://hal-slider.googlecode.com/svn/trunk/slider2/images/slide6.png" alt="" /></a></div>
                <div><a href="#"><img src="https://hal-slider.googlecode.com/svn/trunk/slider2/images/slide7.png" alt="" /></a></div>
                <div><a href="#"><img src="https://hal-slider.googlecode.com/svn/trunk/slider2/images/slide8.png" alt="" /></a></div>
            </div>
        </div>
    </div>
</div>

<iframe src="ضع الرابط هنا" frameborder="0" style="width: 100%;height: 300px;"></iframe>

 < --- code prog by www.4egy.net --->
<script src="http://foryamany1.googlecode.com/svn/trunk/4egy/bdayh.js" type="text/javascript"></script>
  <script src="http://foryamany1.googlecode.com/svn/trunk/4egy/custom.js" type="text/javascript"></script>
  <script src="http://foryamany1.googlecode.com/svn/trunk/4egy/easing.js" type="text/javascript"></script>
<style>
.slideset {
  width: 960px;
  height: 167px;
  margin: auto;
  overflow: hidden;
  margin-bottom: 20px;
  position: relative;
}
.slideset .next {
  position: absolute;
  right: 0px;
  top: 72px;
  background: url(http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/images/next_prev.png) no-repeat -6px -5px;
  width: 18px;
  height: 21px;
  overflow: hidden;
  text-indent: -555px;
}
.slideset .prev {
  position: absolute;
  left: 0px;
  top: 72px;
  background: url(http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/images/next_prev.png) no-repeat -6px -35px;
  width: 18px;
  height: 21px;
  overflow: hidden;
  text-indent: -555px;
}
.slideset .slidesetCont {
  width: 905px;
  margin: auto;
  position: relative;
  background: #000;
}
.slidesetCont ul {
  float: right;
  width: 100%;
}
.slidesetCont ul > li { float: left; }
.slidesetCont ul > li a {
  display: block;
  width: 200px;
  height: 145px;
  padding: 6px;
  overflow: hidden;
  background: #FFF;
  border: 1px #d2d2d2 solid;
  margin: 0 7px;
}
.slidesetCont ul > li a img {
  background: #EEE;
  width: 200px !important;
  height: 145px !important;
  display: block;
}
ul, li, ol {
  list-style: none;
  outline: 0px;
}
</style>
 <script src="http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/js/ads.js" type="text/javascript"></script><div class="slideset"> <a class="next" href="#">التالي</a> <a class="prev" href="#">السابق</a>
  <div class="slidesetCont">
      <ul class="set1">
                  <li>
                        <a href="#">
              <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/349757-150x150.jpeg" class="attachment-200x145 wp-post-image" alt="4egy.net" />            </a>
            <!--image-->
                    </li>
                  <li>
                        <a href="#">
              <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/microsoft-surface-tablets-the-differences-between-rt-and-window-150x150.jpg" class="attachment-200x145 wp-post-image" alt="4egy.net" />            </a>
            <!--image-->
                    </li>
                  <li>
                        <a href="#">
              <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/nexus7-150x150.jpeg" class="attachment-200x145 wp-post-image" alt="4egy.net" />            </a>
            <!--image-->
                    </li>
                  <li>
                        <a href="#">
              <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/C710-2605-Chromebook-150x150.jpg" class="attachment-200x145 wp-post-image" alt="4egy.net" />            </a>
            <!--image-->
                    </li>
                  <li>
                        <a href="#">
              <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/Screen-Shot-2012-12-12-at-4.53.39-PM-150x150.png" class="attachment-200x145 wp-post-image" alt="4egy.net" />            </a>
            <!--image-->
                    </li>
                        </ul>
  </div>
</div>
<!--//slideset-->
<! --- code prog by www.4egy.net --->