السلام عليكم ورحمة الله
ربما لفتت انتباهك وتريدها ان تكون في صفحتك الرئسية هههههههههههههه
اتفضل انها الان في متناول يدك
ان اردت التغيير فها احذف الصور وغيرها بنصوص او اكود اخر المواضيع المهم سوف تصبح ملكك فالابتكار هو سبب النجاح
كل ما اردت ان تضيف صور انسخ الكود نفسه والصقه بين (<div id="hc1" class="haccordion">) و (</div> ) العدد الذي تريد
لطول والعرض والخلفة توجه الى css وحول التغيير في لغة
كود html
<html dir="rtl">
<head>
<link rel="stylesheet" type="text/css" href="haccordion.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="haccordion.js">
</script>
<script type="text/javascript">
haccordion.setup({
accordionid: 'hc1',
paneldimensions: {peekw:'50px', fullw:'400px', h:'158px'},
selectedli: [0, true],
collapsecurrent: false
})
haccordion.setup({
accordionid: 'hc2',
paneldimensions: {peekw:'30px', fullw:'450px', h:'150px'},
selectedli: [-1, true],
collapsecurrent: true
})
</script>
</head>
<body>
<div id="hc1" class="haccordion">
<ul>
<li>
<div class="hpanel">
<img src="https://2img.net/r/ihimizer/img264/7199/japan.jpg" style="float:left; padding-right:8px; width:200px; height:148px" />صورة جميلة و مع التعليق
</div>
</li>
<li>
<div class="hpanel">
<img src="https://2img.net/r/ihimizer/img101/516/mayai.jpg" style="float:left; padding-right:8px; width:200px; height:148px" />صورة جميلة و مع التعليق
</div>
</li>
<li>
<div class="hpanel">
<img src="https://2img.net/r/ihimizer/img194/9553/camam.jpg" style="float:left; padding-right:8px; width:200px; height:148px" />صورة جميلة و مع التعليق
</div>
</li>
</ul>
</div>
</body>
</html>
كود ملف الخارجي (css) و (js)
رابط التحميل
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
موضوع: ربما لفتت انتباهك 
الأحد 9 ديسمبر - 0:03