توسط این اسکریپت می توانید کاری کنید که وقتی روی Thumbnail عکس آپلود شده کلیک کنید، بجای آن که یک صفحه ی دیگر باز شود، عکس در همان صفحه بزرگ شود.
[برای مثال در این صفحه روی عکس کلیک کنید و ببینید تا چه اتفاقی می افتد.]
فایل زیر را دانلود کنین و در همون فولدر اصلی که فایل Index.php هست Extract کنید.
Download
فایل Engine/Inc/Parse.Class.Php را باز کنید و به دنبال کد زیر بگردید:
if ($align == '')
return "<!--ThumbBegin--><a href=\"#\" onClick=\"ShowBild('$gurl'); return false;\" ><img src=\"$url\" style=\"border: none;\" {$alt} /></a><!--ThumbEnd-->";
else
return "<!--ThumbBegin--><a href=\"#\" onClick=\"ShowBild('$gurl'); return false;\" ><img align=\"$align\" src=\"$url\" style=\"border: none;\" {$alt} /></a><!--ThumbEnd-->";
return "<!--ThumbBegin--><a href=\"#\" onClick=\"ShowBild('$gurl'); return false;\" ><img src=\"$url\" style=\"border: none;\" {$alt} /></a><!--ThumbEnd-->";
else
return "<!--ThumbBegin--><a href=\"#\" onClick=\"ShowBild('$gurl'); return false;\" ><img align=\"$align\" src=\"$url\" style=\"border: none;\" {$alt} /></a><!--ThumbEnd-->";
این کد را حذف کنید و کد زیر را بجای آن قرار دهید:
if ($align == '')
return "<!--ThumbBegin--><div><a href=\"$gurl\" class=\"highslide\" onclick=\"return hs.expand(this, {captionId: 'caption1'})\"><img src=\"$url\" style=\"border: none;\" {$alt} title=\"View Full Image\" /></a></div><!--ThumbEnd-->";
else
return "<!--ThumbBegin--><div><a href=\"$gurl\" class=\"highslide\" onclick=\"return hs.expand(this, {captionId: 'caption1'})\"><img align=\"$align\" src=\"$url\" style=\"border: none;\" {$alt} title=\"View Full Image\" /></a></div><!--ThumbEnd-->";
return "<!--ThumbBegin--><div><a href=\"$gurl\" class=\"highslide\" onclick=\"return hs.expand(this, {captionId: 'caption1'})\"><img src=\"$url\" style=\"border: none;\" {$alt} title=\"View Full Image\" /></a></div><!--ThumbEnd-->";
else
return "<!--ThumbBegin--><div><a href=\"$gurl\" class=\"highslide\" onclick=\"return hs.expand(this, {captionId: 'caption1'})\"><img align=\"$align\" src=\"$url\" style=\"border: none;\" {$alt} title=\"View Full Image\" /></a></div><!--ThumbEnd-->";
در همین فایل به دنبال کد زیر بگردید:
if ($align == '')
return "<img src=\"$url\" style=\"border: none;\"{$img_extra}/>";
else
return "<img src=\"$url\" align=\"$align\" style=\"border: none;\"{$img_extra}/>";
return "<img src=\"$url\" style=\"border: none;\"{$img_extra}/>";
else
return "<img src=\"$url\" align=\"$align\" style=\"border: none;\"{$img_extra}/>";
این کد را حذف کنید و کد زیر را بجای آن قرار دهید:
if ($align == '')
return "<div><a href=\"$url\" class=\"highslide\" onclick=\"return hs.expand(this, {captionId: 'caption1'})\"><img src=\"$url\" style=\"border: none;\"{$img_extra}/></a></div>";
else
return "<div><a href=\"$url\" class=\"highslide\" onclick=\"return hs.expand(this, {captionId: 'caption1'})\"><img src=\"$url\" align=\"$align\" style=\"border: none;\"{$img_extra}/></a></div>";
return "<div><a href=\"$url\" class=\"highslide\" onclick=\"return hs.expand(this, {captionId: 'caption1'})\"><img src=\"$url\" style=\"border: none;\"{$img_extra}/></a></div>";
else
return "<div><a href=\"$url\" class=\"highslide\" onclick=\"return hs.expand(this, {captionId: 'caption1'})\"><img src=\"$url\" align=\"$align\" style=\"border: none;\"{$img_extra}/></a></div>";
فایل Main.tpl را باز کنید و کد زیر را پس از کد {headers} قرار دهید:
<style type="text/css" media="all">
@import url(/highslide/highslide.css);
</style>
<!-- highslide start -->
<script type="text/javascript" src="/highslide/highslide_.js"></script>
<script type="text/javascript">
hs.graphicsDir = '/highslide/graphics/';
</script>
<!-- highslide end -->
@import url(/highslide/highslide.css);
</style>
<!-- highslide start -->
<script type="text/javascript" src="/highslide/highslide_.js"></script>
<script type="text/javascript">
hs.graphicsDir = '/highslide/graphics/';
</script>
<!-- highslide end -->
توجه: عکس هایی که قبلاً آپلود کردید، شامل این اسکریپت نمی شوند، مگر آنکه مطلب آن ها را بدون تغییر چیزی یک بار ویرایش کنید.
برای آپلود عکس هم از توی مدیریت سیستم بر روی " مدیریت تصاویر " کلیک کنید و پس از آپلود عکس به ارسال مطلب بروید و روی عکس فولدر (در BBCodes) که برای آپلود فایل هست کلیک کنید و روی اسم عکسی که آپلود کردید کلیک کنید تا به صورت Thumbnail به مطلب اضافه شود سپس مطلب را ارسال کنید.
