أهلا وسهلا بك زائرنا الكريم في منتدى دعم PBBoard الرسمي، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .

طلب تطوير مكبر الصور

مشاهدة المشاركة في الموضوع بالعرض العادي

: طلب تطوير مكبر الصور

10-09-2014 12:30 صباحاً

Soliman

تفضل شرح طريقة تركيب مكبر الصور highslide في المواضيع

مثال لمكبر الصور

http://highslide.com/examples/gallery-white.html

طريقة التركيب

- ارفع مجلد highslide الموجود بالمرفقات بداخل مجلد منتداك

- حرر ملف : includes/pbboardCodeparse.class.php

وابحث عن :

CODE

$img = '<img src="'.$img.'" border="0" alt="" onload="ResizeIt(this)" />';

واستبدله بـ :

CODE

$img = '<a href="'.$img.'" class="highslide" onclick="return hs.expand(this)"><img src="'.$img.'" alt="'.$img.'" width="'.$PowerBB->_CONF['info_row']['default_imagesW'].'" height="'.$PowerBB->_CONF['info_row']['default_imagesH'].'" title="انقر للتكبير" /></a>';

- افتح قالب : imgs_resize

واستبدل جميع محتواه بهذا :

CODE

<?php
if($PowerBB->_CONF['info_row']['resize_imagesAllow'] == 1){?>
<script type="text/javascript" src="{$ForumAdress}highslide/highslide-with-gallery.js"></script>
<link rel="stylesheet" type="text/css" href="{$ForumAdress}highslide/highslide.css" />

<script type="text/javascript">
hs.graphicsDir = '{$ForumAdress}highslide/graphics/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.outlineType = 'rounded-white';
hs.fadeInOut = true;
//hs.dimmingOpacity = 0.75;

// Add the controlbar
hs.addSlideshow({
    //slideshowGroup: 'group1',
    interval: 5000,
    repeat: false,
    useControls: true,
    fixedControls: 'fit',
    overlayOptions: {
        opacity: 0.75,
        position: 'bottom center',
        hideOnMouseOut: true
    }
});
</script>
<?php } ?>

highslide.zip تحميل zip مرات التحميل :(4)
الحجم :(286.845) KB

README.txt تحميل txt مرات التحميل :(4)
الحجم :(1.715) KB

الساعة الآن 11:32 AM