أخي طلبت واحدا مماثلا للذي وضعته في الأعلى
يعني مماثل من ناحية حجم الصور
من ناحية طريقة تحرك الصور
ومن ناحية الشكل أيضا
شكرا لك

تفضل

الكود:


<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(http://i11.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(http://i11.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.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/13560410.png" alt="احلى حكاية" width="201" height="127" /></a>
        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/zwe2t10.jpg" alt="احلى حكاية" width="201" height="127" /></a>
        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/13562310.png" alt="احلى حكاية" width="201" height="127" /></a>
        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/owwg110.jpg" alt="578 احلى حكاية" width="201" height="127" /></a>
        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/pexx210.jpg" alt="احلى حكاية" width="201" height="127" /></a>
        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/13561910.png" alt="احلى حكاية" width="201" height="127" /></a>
        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/56ar110.png" alt="احلى حكاية" width="201" height="127" /></a>
        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/mangab10.png" alt="احلى حكاية" width="201" height="127" /></a>
        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/70049210.png" alt="احلى حكاية" width="201" height="127" /></a>

        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/j8we111.png" alt="احلى حكاية" width="201" height="127" /></a>
        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/13277810.png" alt="احلى حكاية" width="201" height="127" /></a>
        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/efpl310.png" alt="احلى حكاية" width="201" height="127" /></a>
        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/bcda410.png" alt="احلى حكاية" width="201" height="127" /></a>
        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/55775210.png" alt="احلى حكاية" width="201" height="127" /></a>
        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/1dnvq10.png" alt="احلى حكاية" width="201" height="127" /></a>
        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/omil210.png" alt="احلى حكاية" width="201" height="127" /></a>

                <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/0d334c10.png" alt="احلى حكاية" height="127" /></a>
        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/68550010.png" alt="احلى حكاية" width="201" height="127" /></a>
        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/g8e2nb10.png" alt="احلى حكاية" width="201" height="127" /></a>
        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/jd4d110.png" alt="احلى حكاية" width="201" height="127" /></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>
</div>




للامانه فقط الكود منقول من احلى حكاية
والحقوق محفوظة لهم

يعني كنت أريد كود  مثلما هو موضع في الرابط في الأعلى
يعني الصور تظهر وكأنها تتحرك إلى ايسار
وليس تختفي وتظهر صور أخرى مكانها
أخي الطلب موضع جيدا في الرابط الذي قدمته في الأعلى
عموما بارك الله فيكم