(Template) كود تضغير حجم الصور في الموضوع مع وصف للصورة

<script>
window.onload = resizeimg;
function resizeimg()
{
if (document.getElementsByTagName)
{
for (i=0; i<document.getElementsByTagName('img').length; i++)
{
im = document.getElementsByTagName('img')[i];
if (im.width > 500)
{
im.style.width = '500px';
eval("pop"
+ String(i) + " = new Function("pop = window.open('" + im.src + "
','fullscale','width=800,height=600,scrollbars=1,resizable=1');
pop.focus();")");
eval("im.onclick = pop" + String(i) + ";");
if (document.all) im.style.cursor = 'hand';
if (!document.all) im.style.cursor = 'pointer';
im.title = 'اضغط على الصورة لرؤيتها بالحجم الأصلي ';
}
}
}
}

</script>

<!-- BEGIN switch_logo_center -->
                        <td align="center" width="100%" valign="middle">
 
                          <a href="{U_INDEX}"><img
src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1"
/></a><br />
                            <div class="maintitle">{MAIN_SITENAME}</div>
                            <br />
                            <span class="gen">{SITE_DESCRIPTION}</span>
                        </td>
                        <!-- END switch_logo_center

<!-- BEGIN switch_logo_center -->
   
                  <td align="center" width="800" background="{LOGO}"
height="167" style="background-repeat:no-repeat;">
           
              <a href="{U_INDEX}"><img src="{LOGO}"
id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a><br
/>
                            <div class="maintitle">{MAIN_SITENAME}</div>
                            <br />
                            <span class="gen">{SITE_DESCRIPTION}</span>
                        </td>
                        <!-- END switch_logo_center