مفاجئة

 <br /><br /><br /><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://i56.servimg.com/u/f56/17/97/22/97/3uoou10.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://i56.servimg.com/u/f56/17/97/22/97/3uoou10.png" 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 style="width: 145px; height: 145px;" src="http://i56.servimg.com/u/f56/17/97/22/97/310.jpg" class="attachment-200x145 wp-post-image" alt="4egy.net" /> </a>
            <!--                    image                    -->
         </li>
         
         <li>
             <a href="#"> <img style="width: 145px; height: 145px;" src="http://i56.servimg.com/u/f56/17/97/22/97/free1010.png" class="attachment-200x145 wp-post-image" alt="4egy.net" /> </a>
            <!--                    image                    -->
         </li>
         
         <li>
             <a href="#"> <img style="width: 145px; height: 145px;" src="http://i56.servimg.com/u/f56/17/97/22/97/3uoou10.png" class="attachment-200x145 wp-post-image" alt="4egy.net" /> </a>
            <!--                    image                    -->
         </li>
         
         <li>
            
            <div align="center">
               
            </div>
             <a href="#"> <img style="width: 145px; height: 145px;" 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 style="width: 145px; height: 145px;" src="http://i56.servimg.com/u/f56/17/97/22/97/ooou_o10.png" class="attachment-200x145 wp-post-image" alt="4egy.net" /> </a>
            <!--                    image                    -->
         </li>
         
      </ul>
      
   </div>
</div>
<!--                    //slideset                    -->
<!--                      --- code prog by www.4egy.net ---                    --> <span style="font-size: 24px;"></span>