[حاتم عبدالله]

بسيطهـــ اخي ,,,

اتبع التاليــ

ضع هذا الكود في رأس الصفحة ..

مثلا hedermain.htm

<style type="text/css">

img.expando{ /*sample CSS for expando images. Not required but recommended*/
border: none;
vertical-align: top; /*top aligns image, so mouse has less of a change of moving out of image while image is expanding*/
}

</style>

<script type="text/javascript" src="expando.js">

/* Expando Image Script ©2008 John Davenport Scheuer
   as first seen in http://www.dynamicdrive.com/forums/
   username: jscheuer1 - This Notice Must Remain for Legal Use
   */

</script>

بعدها .. قم برفع ملف expando.js الى رئيسية موقعك ليصبح

www/expando.js

من ثم قم بعمل بلوك او قالب ..

بوسط الصفحة او باليمين .. او اليسار ..

من ثم ضع هذا الكود

<p>
<img class="expando" border="0" src="amster2.jpg" width="100" height="75"> 
<img class="expando vacation" border="0" src="amster3.jpg" width="100" height="66"> 
<img class="expando" border="0" src="amster4.jpg" width="100" height="75">
</p>

<p>
<img class="expando cat" border="0" src="cat.png" width="200" height="88">
</p>

ملاحظة : بأمكانك ادراجة بالفرونت بيج والتحكم باعداد الصور و اماكنها ..

لاحظ المقطع من الكود السابق

<img class="expando" border="0" src="amster2.jpg" width="100" height="75"> 
<img class="expando vacation" border="0" src="amster3.jpg" width="100" height="66"> 
<img class="expando" border="0" src="amster4.jpg" width="100" height="75">

ولرؤية مثال على الكود تفضل ..

http://www.dimof.com/dimofinf/page.p...w&act ion=3ml


تحياتي