كود سلايد شو احترافي

السلايد شو عبارة عن مكتبة صورة متحركة صورة للكود
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
http://im63.gulfup.com/YcPGeZ.gif
الكود


<style type="text/css" id="vbulletin_css">
.head_ads_s { width:980px; margin:0 auto 0 auto;}
#wrapper_work {
    width: 980px;
  margin:0 auto 0 auto;position: relative;
}

.image_carousel {
    padding: 15px 0 15px 10px;
    position: relative;
}
.image_carousel a {
display: block;
float: left;
}
.image_carousel img {
    border: 1px solid #ccc;
    background-color:#fff;
    padding: 9px;
    margin: 7px 11px 7px 10px;
    display: block;
    float: left;
}

.image_carousel img:hover {
    border: 1px solid #DDD;
    -moz-box-shadow: 0 1px 5px #555;
    -webkit-box-shadow: 0 1px 5px #555;
    box-shadow: 0px 1px 5px #555;

}
a.prev, a.next {
    background: url(https://i.servimg.com/u/f11/16/75/43/85/miscel10.png) no-repeat transparent;
    width: 45px;
    height: 50px;
    display: block;
    position: absolute;
    top: 85px;
}
a.prev {            left: -18px;
                    background-position: 0 0; }
a.prev:hover {        background-position: 0 -50px; }
a.prev.disabled {    background-position: 0 -100px !important;  }
a.next {            right: -27px;
                    background-position: -50px 0; }
a.next:hover {        background-position: -50px -50px; }
a.next.disabled {    background-position: -50px -100px !important;  }
a.prev.disabled, a.next.disabled {
    cursor: default;
}

a.prev span, a.next span {
    display: none;
}
.pagination {
    text-align: center;

}
.pagination a {
    background: url(https://i.servimg.com/u/f11/16/75/43/85/miscel11.png) 0 -300px no-repeat transparent;
    width: 15px;
    height: 15px;
    margin: 0 5px 0 0;
    display: inline-block;float:none;
}
.pagination a.selected {
    background-position: -25px -300px;
    cursor: default;
}
.pagination a span {
    display: none;
}

</style>
 <script type="text/javascript"
src="http://a7la7ekaya.googlecode.com/files/jquery.carouFredSel-5.5.0.js"></script><script
 type="text/javascript"
src="http://a7la7ekaya.googlecode.com/files/custom.js"></script><script
 type="text/javascript"
src="http://a7la7ekaya.googlecode.com/files/jquery.easing.1.3.js"></script>
 <div class="head_ads_s">
   
   <div id="wrapper_work">
      
      <div class="image_carousel">
         
         <div id="foo4">
 
            <a href="http://www.an-legend.com/t1163-topic"><img
 style="width: 201px; height: 127px;"
src="http://im44.gulfup.com/jaENrI.png" alt="دورة ترچمة" /></a>
 <a href="http://www.an-legend.com/**"><img style="width:
201px; height: 127px;" src="http://im56.gulfup.com/IFegMS.png" alt="آحلى
 حگآية" /></a> <a
href="http://www.an-legend.com/**"><img style="width: 201px;
height: 127px;" src="http://im56.gulfup.com/IFegMS.png" alt="آحلى حگآية"
 /></a> <a href="http://www.an-legend.com/**"><img
style="width: 201px; height: 127px;"
src="http://im56.gulfup.com/IFegMS.png" alt="578 آحلى حگآية"
/></a> <a href="http://www.an-legend.com/**"><img
style="width: 201px; height: 127px;"
src="http://im56.gulfup.com/IFegMS.png" alt="آحلى حگآية" /></a>
 <a href="http://www.an-legend.com/**"><img style="width:
201px; height: 127px;" src="http://im56.gulfup.com/IFegMS.png" alt="آحلى
 حگآية" /></a> <a
href="http://www.an-legend.com/**"><img style="width: 201px;
height: 127px;" src="http://im56.gulfup.com/IFegMS.png" alt="آحلى حگآية"
 /></a> <a href="http://www.an-legend.com/**"><img
style="width: 201px; height: 127px;"
src="http://im56.gulfup.com/IFegMS.png" alt="آحلى حگآية" /></a>
 <a href="http://www.an-legend.com/**"><img style="width:
201px; height: 127px;" src="http://im56.gulfup.com/IFegMS.png" alt="آحلى
 حگآية" /></a> <a
href="http://www.an-legend.com/**"><img style="width: 201px;
height: 127px;" src="http://im56.gulfup.com/IFegMS.png" alt="آحلى حگآية"
 /></a> <a href="http://www.an-legend.com/**"><img
style="width: 201px; height: 127px;"
src="http://im56.gulfup.com/IFegMS.png" alt="آحلى حگآية" /></a>
 <a href="http://www.an-legend.com/**"><img style="width:
201px; height: 127px;" src="http://im56.gulfup.com/IFegMS.png" alt="آحلى
 حگآية" /></a> <a
href="http://www.an-legend.com/**"><img style="width: 201px;
height: 127px;" src="http://im56.gulfup.com/IFegMS.png" alt="آحلى حگآية"
 /></a> <a href="http://www.an-legend.com/**"><img
style="width: 201px; height: 127px;"
src="http://im56.gulfup.com/IFegMS.png" alt="آحلى حگآية" /></a>
 <a href="http://www.an-legend.com/**"><img style="width:
201px; height: 127px;" src="http://im56.gulfup.com/IFegMS.png" alt="آحلى
 حگآية" /></a> <a
href="http://www.an-legend.com/**"><img style="width: 201px;
height: 127px;" src="http://im56.gulfup.com/IFegMS.png" alt="آحلى حگآية"
 /></a> <a href="http://www.an-legend.com/**"><img
style="height: 127px;" src="http://im56.gulfup.com/IFegMS.png" alt="آحلى
 حگآية" /></a> <a
href="http://www.an-legend.com/**"><img style="width: 201px;
height: 127px;" src="http://im56.gulfup.com/IFegMS.png" alt="آحلى حگآية"
 /></a> <a href="http://www.an-legend.com/**"><img
style="width: 201px; height: 127px;"
src="http://im56.gulfup.com/IFegMS.png" alt="آحلى حگآية" /></a>
 <a href="http://www.an-legend.com/**"><img style="width:
201px; height: 127px;" src="http://im56.gulfup.com/IFegMS.png" alt="آحلى
 حگآية" /></a>
         </div>
         
         <div class="clearfix">
            
         </div>
 
         <a class="prev" id="foo4_prev"
href="#"><span>prev</span></a> <a class="next"
id="foo4_next" href="#"><span>next</span></a>
         <div class="pagination" id="foo4_pag">
            
         </div>
         
      </div>
      
   </div>



يوضع الكود في التشكيلات العامة او صفحات الhtml

مشكورة .. هههه بس ما عندي منتدى لاجربه

العفو
منورة