السلام عليكم ورحمة الله وبركاته ..
اختي الكريمة .. الكود يعمل بشكل جيد تستطيعي ان تغيري الصور كما يحلو لكي
والدليل انظري كيف استطعت ان اغيّر صورتين من الكود ..
- الكود:
-
<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.carouFr
edSel-5.5.0.js"></script>
<script type="text/javascript"
src="http://a7la7ekaya.googlecode.com/files/custom.js"></sc
ript>
<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://animeiat-nice.onlinegoo.com/"><img
src="http://9or.y4yy.com/files/baby1/baby-wallpaper42.jpg" alt="انميات نايس" height="127" width="201"></a>
<a href="http://animeiat-nice.onlinegoo.com/"><img
src="http://9or.y4yy.com/files/tbee3a/1810.jpg"
alt="انميات نايس" height="127" width="201"></a>
<a href="http://animeiat-nice.onlinegoo.com/"><img
src="http://i11.servimg.com/u/f11/16/75/43/85/13562310.p
ng" alt="انميات نايس" height="127" width="201"></a>
<a href="http://animeiat-nice.onlinegoo.com/"><img
src="http://i11.servimg.com/u/f11/16/75/43/85/owwg110.jp
g" alt="578 انميات نايس" height="127" width="201"></a>
<a href="http://animeiat-nice.onlinegoo.com/"><img
src="http://i11.servimg.com/u/f11/16/75/43/85/pexx210.jpg
" alt="انميات نايس" height="127" width="201"></a>
<a href="http://animeiat-nice.onlinegoo.com/"><img
src="http://i11.servimg.com/u/f11/16/75/43/85/13561910.p
ng" alt="انميات نايس" height="127" width="201"></a>
<a href="http://animeiat-nice.onlinegoo.com/"><img
src="http://i11.servimg.com/u/f11/16/75/43/85/56ar110.pn
g" alt="انميات نايس" height="127" width="201"></a>
<a href="http://animeiat-nice.onlinegoo.com/"><img
src="http://i11.servimg.com/u/f11/16/75/43/85/mangab10.p
ng" alt="انميات نايس" height="127" width="201"></a>
<a href="http://animeiat-nice.onlinegoo.com/"><img
src="http://i11.servimg.com/u/f11/16/75/43/85/70049210.p
ng" alt="انميات نايس" height="127" width="201"></a>
<a href="http://animeiat-nice.onlinegoo.com/"><img
src="http://i11.servimg.com/u/f11/16/75/43/85/j8we111.pn
g" alt="انميات نايس" height="127" width="201"></a>
<a href="http://animeiat-nice.onlinegoo.com/"><img
src="http://i11.servimg.com/u/f11/16/75/43/85/13277810.p
ng" alt="انميات نايس" height="127" width="201"></a>
<a href="http://animeiat-nice.onlinegoo.com/"><img
src="http://i11.servimg.com/u/f11/16/75/43/85/efpl310.png
" alt="انميات نايس" height="127" width="201"></a>
<a href="http://animeiat-nice.onlinegoo.com/"><img
src="http://i11.servimg.com/u/f11/16/75/43/85/bcda410.pn
g" alt="انميات نايس" height="127" width="201"></a>
<a href="http://animeiat-nice.onlinegoo.com/"><img
src="http://i11.servimg.com/u/f11/16/75/43/85/55775210.p
ng" alt="انميات نايس" height="127" width="201"></a>
<a href="http://animeiat-nice.onlinegoo.com/"><img
src="http://i11.servimg.com/u/f11/16/75/43/85/1dnvq10.pn
g" alt="انميات نايس" height="127" width="201"></a>
<a href="http://animeiat-nice.onlinegoo.com/"><img
src="http://i11.servimg.com/u/f11/16/75/43/85/omil210.pn
g" alt="انميات نايس" height="127" width="201"></a>
<a href="http://animeiat-
nice.onlinegoo.com/"><img
src="http://i11.servimg.com/u/f11/16/75/43/85/0d334c10.p
ng" alt="انميات نايس" height="127"></a>
<a href="http://animeiat-nice.onlinegoo.com/"><img
src="http://i11.servimg.com/u/f11/16/75/43/85/68550010.p
ng" alt="انميات نايس" height="127" width="201"></a>
<a href="http://animeiat-nice.onlinegoo.com/"><img
src="http://i11.servimg.com/u/f11/16/75/43/85/g8e2nb10.p
ng" alt="انميات نايس" height="127" width="201"></a>
<a href="http://animeiat-nice.onlinegoo.com/"><img
src="http://i11.servimg.com/u/f11/16/75/43/85/jd4d110.pn
g" alt="انميات نايس" height="127" width="201"></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>
<br>
اما طريقة التعديل في عن طريق صفحات ال html .. اذهبي الى عناصر اضافية . اختاري صفحات الhtml ... يجب ان تكون علامة ال html باللون الاخضر (اي ان رموز الكود ظاهرة لكي ) .. ومن ثم ابحثي في الروابطعلى الصورة المراد تغيرها وابدليها بجدبدة ومن ثم تحت رابط الصورة هنالك الرابط ( الموجود على الصورة ... يوجه الى قسم معين او موضوع ) ومن ثم اضغطي على كلمة استعراض .. وتسجيل
بالتوفيق
نسالكم من صالح دعاؤكم