مفاجئة

        <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 style="width: 145px; height: 145px;" 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 style="width: 145px; height: 145px;" 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 style="width: 145px; height: 145px;" 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 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://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 ---  -->