طريقة جديدة لعرض الصور فى البيدج

كل اللى عليك تنسخ الكود وتحطه فى البيدج

ملحوظة هامة:لازم الاربع صور يكونوا نفس الطول والعرض

كود HTML:
<CENTER>
<!-- set the divs for the fullsize images -->
<div id="image1">
    <img src="رابط الصوره رقم 1" /></div>

<div id="image2" style="display: none;">
    <img src="رابط الصوره رقم 2" /></div>

<div id="image3" style="display: none;">
    <img src="رابط الصوره رقم 3" /></div>

<div id="image4" style="display: none;">
    <img src="رابط الصوره رقم 4" /></div>

<!-- set up our thumbnails -->
<a href="#" clicktoshow="image1" clicktohide="image2,image3,image4">
    <img src="رابط الصوره رقم 1" HEIGHT="50" WIDTH="97" /></a>
<a href="#" clicktoshow="image2" clicktohide="image1,image3,image4">
    <IMG SRC="رابط الصوره رقم 2" HEIGHT="50" WIDTH="97" /></a>
<a href="#" clicktoshow="image3" clicktohide="image1,image2,image4">
    <IMG SRC="رابط الصوره رقم 3" HEIGHT="50" WIDTH="97" /></a>
<a href="#" clicktoshow="image4" clicktohide="image1,image2,image3">
    <IMG SRC="رابط الصوره رقم 4" HEIGHT="50" WIDTH="97" /></a>
</CENTER>