ایران سرور

HighSlide

توسط این اسکریپت می توانید کاری کنید که وقتی روی 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-->";

این کد را حذف کنید و کد زیر را بجای آن قرار دهید:
        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-->";


در همین فایل به دنبال کد زیر بگردید:
        if ($align == '')
        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>";


فایل 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  -->


توجه: عکس هایی که قبلاً آپلود کردید، شامل این اسکریپت نمی شوند، مگر آنکه مطلب آن ها را بدون تغییر چیزی یک بار ویرایش کنید.
برای آپلود عکس هم از توی مدیریت سیستم بر روی " مدیریت تصاویر " کلیک کنید و پس از آپلود عکس به ارسال مطلب بروید و روی عکس فولدر (در BBCodes) که برای آپلود فایل هست کلیک کنید و روی اسم عکسی که آپلود کردید کلیک کنید تا به صورت Thumbnail به مطلب اضافه شود سپس مطلب را ارسال کنید. smile fellow


تاریخ انتشار: 30 شهريور 1386
ارسال کننده: Mohammad_1ta
برچسب ها: عکس, روی, کلیک, srcurl, styleborder, آپلود, فایل, ویرایش فایل, صفحه, برای, مطلب, , align, none, بؘ?ی, hsexpandthis
رضا فولادپنجه، raliga و iliadmoosavi و نه نفر دیگر تشکر کرده‌‌اند.

اطلاعات

برای ارسال نظر، باید در سایت عضو شوید.