22 พฤษภาคม 2555, 16:14:06
ยินดีต้อนรับผู้เยี่ยมชม
  • noavata
  • ยินดีต้อนรับคุณ, ผู้เยี่ยมชม กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน
    เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น
  • คุณมีสิทธิ์: ที่จะแบ่งปัน * * * *
Page Rank

ทำเว็บไซต์ | แต่งบอร์ด | ออกแบบ | SMF | Joomla | Drupal | WordPress | JQuery | CMS | ECommerce | Tel. +668-08577477

-:-DexMoreGroup แหล่งมั่วสุมทางปัญญา-:- linktree Web Achieve linktree Simple Machines Forum linktree SMF Modifications

Highslide BBCode and Image Viewer ย่อ-ขยายรูปแบบเท่ห์ๆ

ส่งหัวข้อนี้พิมพ์ หน้า: 1 
icon message ผู้เขียน หัวข้อ: Highslide BBCode and Image Viewer ย่อ-ขยายรูปแบบเท่ห์ๆ  (อ่าน 1757 ครั้ง)
0 สมาชิก และ 1 ผู้เยี่ยมชม กำลังดูหัวข้อนี้
SMF ModifyUnclEo
*
*


!Personal

Germany   ชาย ผู้เริ่มต้นกระทู้นี้ ออฟไลน์544566157 DexMore DexMore DexMore
เว็บไซต์
icon message
general เมื่อ: 24 มิถุนายน 2553, 13:37:59
  • ชื่อ: Highslide BBCode and Image Viewer
  • ผู้เขียน: nikan
  • นำเสนอโดย: DexMoreGroup
  • ประเภท: BBC
  • รองรับ: SMF 1.1.x, 2.0
  • ปรับปรุงล่าสุด: 19 กรกฎาคม 2554
  • ต้นฉบับ: Highslide BBCode and Image Viewer

รายละเอียด
      เป็น BBCode อีกตัวที่น่าใช้ แต่รู้สึกว่าไม่ค่อยจะรองรับรูปภาพที่ฝากไว้กับ ImageShack สักเท่าไหร่ ผลจากการทดสอบเมื่อคลิกให้ขยายรูปภาพแล้วจะโหลดเป็นเวลานานมาก แต่ไม่ยอมแสดงผลของการขยาย เหมือนกับโหลดไม่เสร็จ เมื่อเอารูปนั้นมาเก็บในโฮสต์ของเด็กมอร์เองกลับทำงานได้ดี ลองดูกันนะครับ ผิดพลาดปกพร่องตรงใหนจะได้ช่วยกันแก้กันต่อไป
  • ใช้ BBCode ในการแทรกรูป
  • แทรกรูปภาพอิสระ
  • เมื่อคลิกที่รูปย่อจะแสดงรูปเต็มขนาดกลางหน้าจอด้วยหน้าต่าง PopUp
  • เปลี่ยนขนาดของรูปขนาดใหญ่อัตโนมัติให้พอดีกับหน้าต่างเบราว์เซอร์
  • ลิงค์ไปยังรูปต้นฉบับ
  • คลิกแล้วลากเพื่อย้ายตำแหน่ง
  • เลื่อนดูภาพถัดไปด้วยปุ่มลูกศร (Arrow keys)

ตัวอย่าง (คลิกที่รูป)


สำหรับ SMF 1.1.xx

แก้ไขไฟล์:

file $themedir/index.template.php

ค้นหา -->>
โค๊ด: [Select]
// If RSS feeds are enabled, advertise the presence of one.

เพิ่มไว้ก่อน -->>
โค๊ด: [Select]
// Highslide image mod
echo '
<script language="JavaScript" type="text/javascript" src="', $settings['default_theme_url'], '/highslide/highslide.js"></script>
<script language="JavaScript" type="text/javascript" src="', $settings['default_theme_url'], '/highslide/highslide.', $context['user']['language'], '.js"></script>
<link rel="stylesheet" type="text/css" href="', $settings['default_theme_url'], '/highslide/highslide.css" media="screen" />
<script language="JavaScript" type="text/javascript">
hs.graphicsDir = "', $settings['default_theme_url'], '/highslide/graphics/";
hs.outlineType = "rounded-white";
hs.align = "center";
</script>';


file $sourcedir/Subs.php

ค้นหา -->>
โค๊ด: [Select]
array(
'tag' => 'img',
'type' => 'unparsed_content',
'parameters' => array(
'alt' => array('optional' => true),
'width' => array('optional' => true, 'value' => ' width="$1"', 'match' => '(\d+)'),
'height' => array('optional' => true, 'value' => ' height="$1"', 'match' => '(\d+)'),
),
'content' => '<img src="$1" alt="{alt}"{width}{height} border="0" />',
'validate' => create_function('&$tag, &$data, $disabled', '
$data = strtr($data, array(\'<br />\' => \'\'));
if (strpos($data, \'http://\') !== 0 && strpos($data, \'https://\') !== 0)
$data = \'http://\' . $data;
'),
'disabled_content' => '($1)',
),

เพิ่มไว้ก่อน -->>
โค๊ด: [Select]
array(
'tag' => 'hs',
'type' => 'unparsed_content',
'parameters' => array(
'width' => array('optional' => true, 'value' => ' width="$1"', 'match' => '(\d+)'),
'height' => array('optional' => true, 'value' => ' height="$1"', 'match' => '(\d+)'),
),
'content' => '<a href="$1" class="highslide" onclick="return hs.expand(this)"><img src="$1" alt=""{width}{height} /></a>',
'validate' => create_function('&$tag, &$data, $disabled', '
$data = strtr($data, array(\'<br />\' => \'\'));
if (strpos($data, \'http://\') !== 0 && strpos($data, \'https://\') !== 0)
$data = \'http://\' . $data;
'),
'disabled_content' => '($1)',
),

file $themedir/Post.template.php

ค้นหา -->>
โค๊ด: [Select]
'img' => array('code' => 'img', 'before' => '[img]', 'after' => '[/img]', 'description' => $txt[435]),

เพิ่มไว้หลัง -->>
โค๊ด: [Select]
'hs' => array('code' => 'hs', 'before' => '[hs width=300 height=300]', 'after' => '[/hs]', 'description' => $txt['hs']),

file $languagedir/Modifications.thai-utf8.php

เพิ่ม -->>
โค๊ด: [Select]
$txt['hs'] = 'Highslide Image';

ดาวน์โหลด: HighslideImage.rar
ขออภัย! ส่วนนี้สงวนไว้เฉพาะสมาชิกเท่านั้น กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

แตกไฟล์แล้วอัพโหลดไปไว้ที่
folder highslide -->> $themesdir/default
file hs.gif -->> $imagesdir/bbc

ลิงค์หัวข้อ: http://dexmore.com/topic/2096
Windows XP    Firefox 3.6.4   see ip บันทึกการเข้า
ดูรายการสิ่งของสำหรับบอกรักใครสักคน ก็ส่งไปให้เขาเลย!  สำหรับติดหมุดกระทู้ของคุณ!  เพิ่มเวลาที่อยู่ในระบบอีก 12 ชั่วโมง  น้องหมี..เอาไว้กอดนอนแทนกิ๊ก  สำหรับบอกรักใครสักคน ก็ส่งไปให้เขาเลย!  
SMF ModifyUnclEo
*
*


!Personal

Germany   ชาย ผู้เริ่มต้นกระทู้นี้ ออฟไลน์544566157 DexMore DexMore DexMore
เว็บไซต์
icon message
general ความคิดเห็นที่ 1 เมื่อ: 24 มิถุนายน 2553, 13:44:38
สำหรับ SMF 2.0.xx

แก้ไขไฟล์:

file $themedir/index.template.php

ค้นหา -->>
โค๊ด: [Select]
// Output any remaining HTML headers. (from mods, maybe?)
echo $context['html_headers'];

เพิ่มไว้ก่อน -->>
โค๊ด: [Select]
// Highslide image mod
echo '
<script type="text/javascript" src="', $settings['default_theme_url'], '/highslide/highslide.js"></script>
<script type="text/javascript" src="', $settings['default_theme_url'], '/highslide/highslide.', $context['user']['language'], '.js"></script>
<link rel="stylesheet" type="text/css" href="', $settings['default_theme_url'], '/highslide/highslide.css" media="screen" />
<script type="text/javascript">
hs.graphicsDir = "', $settings['default_theme_url'], '/highslide/graphics/";
hs.outlineType = "rounded-white";
hs.align = "center";
</script>';


file $sourcedir/Subs.php

ค้นหา -->>
โค๊ด: [Select]
array(
'tag' => 'img',
'type' => 'unparsed_content',
'parameters' => array(
'alt' => array('optional' => true),
'width' => array('optional' => true, 'value' => ' width="$1"', 'match' => '(\d+)'),
'height' => array('optional' => true, 'value' => ' height="$1"', 'match' => '(\d+)'),
),
'content' => '<img src="$1" alt="{alt}"{width}{height} class="bbc_img resized" />',
'validate' => create_function('&$tag, &$data, $disabled', '
$data = strtr($data, array(\'<br />\' => \'\'));
if (strpos($data, \'http://\') !== 0 && strpos($data, \'https://\') !== 0)
$data = \'http://\' . $data;
'),
'disabled_content' => '($1)',
),

เพิ่มไว้ก่อน -->>
โค๊ด: [Select]
array(
'tag' => 'hs',
'type' => 'unparsed_content',
'parameters' => array(
'width' => array('optional' => true, 'value' => ' width="$1"', 'match' => '(\d+)'),
'height' => array('optional' => true, 'value' => ' height="$1"', 'match' => '(\d+)'),
),
'content' => '<a href="$1" class="highslide" onclick="return hs.expand(this)"><img src="$1" alt=""{width}{height} /></a>',
'validate' => create_function('&$tag, &$data, $disabled', '
$data = strtr($data, array(\'<br />\' => \'\'));
if (strpos($data, \'http://\') !== 0 && strpos($data, \'https://\') !== 0)
$data = \'http://\' . $data;
'),
'disabled_content' => '($1)',
),

file $sourcedir/Subs-Editor.php

ค้นหา -->>
โค๊ด: [Select]
array(
'image' => 'img',
'code' => 'img',
'before' => '[img]',
'after' => '[/img]',
'description' => $txt['image']
),

เพิ่มไว้หลัง -->>
โค๊ด: [Select]
array(
'image' => 'hs',
'code' => 'hs',
'before' => '[hs width=300 height=300]',
'after' => '[/hs]',
'description' => $txt['hs']
),

file $languagedir/Modifications.thai-utf8.php

เพิ่ม -->>
โค๊ด: [Select]
$txt['hs'] = 'Highslide Image';

ดาวน์โหลด: HighslideImage.rar
ขออภัย! ส่วนนี้สงวนไว้เฉพาะสมาชิกเท่านั้น กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

แตกไฟล์แล้วอัพโหลดไปไว้ที่
folder highslide -->> $themesdir/default
file hs.gif -->> $imagesdir/bbc

ลิงค์หัวข้อ: http://dexmore.com/topic/2096
Windows XP    Firefox 3.6.4   see ip บันทึกการเข้า
ดูรายการสิ่งของสำหรับบอกรักใครสักคน ก็ส่งไปให้เขาเลย!  สำหรับติดหมุดกระทู้ของคุณ!  เพิ่มเวลาที่อยู่ในระบบอีก 12 ชั่วโมง  น้องหมี..เอาไว้กอดนอนแทนกิ๊ก  สำหรับบอกรักใครสักคน ก็ส่งไปให้เขาเลย!  
SMF Modifyผู้ไม่รู้ไรเลย
*



Switzerland   ชาย ออฟไลน์ikhunarm ikhunarm
เว็บไซต์
icon message
general ความคิดเห็นที่ 2 เมื่อ: 19 กรกฎาคม 2554, 09:23:05
ตัวนี้ผมลองติดตั้งดู
ผลออกมาคือมันไม่ซูมเหมือน Dexmore ครับ

เช่น:
ผมใส่ BBC
โค๊ด: [Select]
[hs width=300 height=300]http://www.domain.com/pictures.jpg[/hs]
พอผมคลิกที่รูปมันดันลิ้งไปที่ http://www.domain.com/pictures.jpg โดยตรง
มันไม่ซูมเหมือน Dexmore ครับ

อยากทราบเกิดจากสาเหตุอะไรครับ

ลิงค์หัวข้อ: http://dexmore.com/topic/2096
Windows XP    Firefox 5.0   see ip บันทึกการเข้า
โฮสต์ดีๆ บริการด้วยใจ
SMF ModifyUnclEo
*
*


!Personal

Germany   ชาย ผู้เริ่มต้นกระทู้นี้ ออฟไลน์544566157 DexMore DexMore DexMore
เว็บไซต์
icon message
general ความคิดเห็นที่ 3 เมื่อ: 19 กรกฎาคม 2554, 12:15:07
SMF 2.0 ใช่มั๋ยครับ

ใน index.template.php วางโค้ดผิดที่ครับ ต้องวางก่อน

โค๊ด: [Select]
// Output any remaining HTML headers. (from mods, maybe?)
echo $context['html_headers'];

หรือจะย้ายไปวางใน Display.template.php ก็ได้ไว้หล้ง

โค๊ด: [Select]
function template_main()
{
global $context, $settings, $options, $txt, $scripturl, $modSettings;

ลิงค์หัวข้อ: http://dexmore.com/topic/2096
Windows XP    Firefox 5.0   see ip บันทึกการเข้า
ดูรายการสิ่งของสำหรับบอกรักใครสักคน ก็ส่งไปให้เขาเลย!  สำหรับติดหมุดกระทู้ของคุณ!  เพิ่มเวลาที่อยู่ในระบบอีก 12 ชั่วโมง  น้องหมี..เอาไว้กอดนอนแทนกิ๊ก  สำหรับบอกรักใครสักคน ก็ส่งไปให้เขาเลย!  
SMF Modifyผู้ไม่รู้ไรเลย
*



Switzerland   ชาย ออฟไลน์ikhunarm ikhunarm
เว็บไซต์
icon message
general ความคิดเห็นที่ 4 เมื่อ: 22 กรกฎาคม 2554, 06:21:49
อ๋อใช่ครับ 2.0 ครับ
ผมลองใส่ดูแล้ว

มันโหลดนานมากครับ


โหลดแบบในรูปอ่ะครับ ไม่ยอมซูมสักที
ไม่ทราบว่าต้องแก้ไงเหรอครับผม

ลิงค์หัวข้อ: http://dexmore.com/topic/2096
Windows XP    Firefox 4.0.1   see ip บันทึกการเข้า
โฮสต์ดีๆ บริการด้วยใจ
SMF ModifyUnclEo
*
*


!Personal

Germany   ชาย ผู้เริ่มต้นกระทู้นี้ ออฟไลน์544566157 DexMore DexMore DexMore
เว็บไซต์
icon message
general ความคิดเห็นที่ 5 เมื่อ: 22 กรกฎาคม 2554, 15:53:46
ลองดาวน์โหลดจากที่นี่ไปใช้ดูครับ..

ลิงค์หัวข้อ: http://dexmore.com/topic/2096
Windows XP    Firefox 5.0   see ip บันทึกการเข้า
ดูรายการสิ่งของสำหรับบอกรักใครสักคน ก็ส่งไปให้เขาเลย!  สำหรับติดหมุดกระทู้ของคุณ!  เพิ่มเวลาที่อยู่ในระบบอีก 12 ชั่วโมง  น้องหมี..เอาไว้กอดนอนแทนกิ๊ก  สำหรับบอกรักใครสักคน ก็ส่งไปให้เขาเลย!  
SMF Modifyผู้ไม่รู้ไรเลย
*



Switzerland   ชาย ออฟไลน์ikhunarm ikhunarm
เว็บไซต์
icon message
general ความคิดเห็นที่ 6 เมื่อ: 23 กรกฎาคม 2554, 00:53:36
อ้างจาก: UnclEo ที่ 22 กรกฎาคม 2554, 15:53:46
ลองดาวน์โหลดจากที่นี่ไปใช้ดูครับ..

โอ้วววว ได้แล้วครับขอบคุณมากครับ

ลิงค์หัวข้อ: http://dexmore.com/topic/2096
Windows XP    Firefox 4.0.1   see ip บันทึกการเข้า
โฮสต์ดีๆ บริการด้วยใจ
SMF Modifyท่านบอมสุดหล่อ
*



Thailand   ชาย ออฟไลน์
icon message
general ความคิดเห็นที่ 7 เมื่อ: 2 เมษายน 2555, 21:14:39
สอบถามครับเวลาเอาเม้าส์ไปชี้ที่รูปแล้วขึ้นคำอธิบายว่า คลิกเพื่อปิดรูป,คลิกและเคลื่อนย้ายตำแหน่ง เป็นต้น
ไม่ทราบว่าไปเปลี่ยนตรงไหนเหรอครับ  highslide.english-utf8 ในนี้ลองแก้แล้วแต่ไม่มีการเปลี่ยนแปลง ยังขึ้นภาษาอังกฤษ

ลิงค์หัวข้อ: http://dexmore.com/topic/2096
Windows NT 6.1    Firefox 11.0   see ip บันทึกการเข้า
โฮสต์ดีๆ บริการด้วยใจ
SMF ModifyUnclEo
*
*


!Personal

Germany   ชาย ผู้เริ่มต้นกระทู้นี้ ออฟไลน์544566157 DexMore DexMore DexMore
เว็บไซต์
icon message
general ความคิดเห็นที่ 8 เมื่อ: 2 เมษายน 2555, 21:31:21
ก๊อปไฟล์ highslide.english-utf8 เป็น highslide.thai-utf8 แล้วแปรเอาครับ

ลิงค์หัวข้อ: http://dexmore.com/topic/2096
Windows NT 6.1    Firefox 11.0   see ip บันทึกการเข้า
ดูรายการสิ่งของสำหรับบอกรักใครสักคน ก็ส่งไปให้เขาเลย!  สำหรับติดหมุดกระทู้ของคุณ!  เพิ่มเวลาที่อยู่ในระบบอีก 12 ชั่วโมง  น้องหมี..เอาไว้กอดนอนแทนกิ๊ก  สำหรับบอกรักใครสักคน ก็ส่งไปให้เขาเลย!  
ส่งหัวข้อนี้พิมพ์ หน้า: 1 
-:-DexMoreGroup แหล่งมั่วสุมทางปัญญา-:- linktree Web Achieve linktree Simple Machines Forum linktree SMF Modifications

Highslide BBCode and Image Viewer ย่อ-ขยายรูปแบบเท่ห์ๆ

กระโดดไป:  

Creative Commons License

SMF Thai Translation Powered by SMF © 2006–2012, Simple Machines LLC

WordPress Google เข้าเยี่ยมชมหน้านี้ล่าสุดเมื่อ : 17 พฤษภาคม 2555, 07:51:37

jQuery Plugin Copyright © 2551-2555 Themes Design & Hosting by DexMoreGroup

Sitemap | Thai Simple Machines Forum support SMF Thai

Web Begining | SMF Modifications | SMF Thai Translation Web Begining

Drupal | WordPress | CMS Joomla | jQuery Plugin | Web Graphics CMS Joomla