ทำ ResizeImage แบบง่ายๆ (JavaScript)

Easy ResizeImage

(ภาพจาก : http://www.zone-it.com/116947)

โค้ด ResizeImage นี้แกะมาจากเว็บโซนไอที และขออนุญาติเจ้าของเว็บเป็นที่เรียบร้อยแล้วครับ

ซึ่งเราสามารถประยุกต์ใช้ได้หลายอย่าง แต่ในที่นี้ ผมจะยกตัวอย่างกับการใช้ใน SMF ละกันนะครับ

วิธีทำ สำหรับ SMF

ขั้นตอนแรกนะครับ ให้เปิดไฟล์ ./Themes/ธีมนะจ๊ะ/script.js ก่อนครับ

แล้วแทรกโค้ด

ไฟล์ ./Themes/ธีมนะจ๊ะ/script.js
เพิ่มโค้ดนี้เข้าไป


/*Copy from Zone-IT*/
/*Coder By ????*/
/*ใครลบ 2 บรรทัดบน เป็นหมัน(รวมทั้งบรรทัดนี้ด้วย)*/
function ResizeImage(me){reSized=0;fixWidth=600;fixHeight=600;if(me.width>fixWidth){me.height=(fixWidth/me.width)*me.height;me.width=fixWidth;reSized=1;}
if(me.height>fixHeight){me.width=(fixHeight/me.height)*me.width;me.height=fixHeight;reSized=1;}
if(reSized){mdiv=document.createElement('div');mdiv.innerHTML='<b style="color:red;">(รูปนี้ได้ถูกย่อลงมา โปรดคลิ้กที่นี่ เพื่อดูรูปนี้ในขนาดจริง)</b>';mdiv.onclick=function(){return window.open(me.src,'_blank');};me.parentNode.insertBefore(mdiv,me.nextSibling);}}
function delayer(){var id=0;return function(fn,t){clearTimeout(id);if(fn)
id=setTimeout(fn,t?t:0);};}

ไว้ตรงไหนก็ได้ครับ (แนะนำว่า ให้ไว้บนสุด)

และให้เปิดไฟล์ /Sources/Subs.php
หา


'tag' => 'img',

แล้วจะเจอโค้ดแนวๆนี้

			array(
				'tag' => 'img',
				'type' => 'unparsed_content',
				'content' => '<img src="$1" alt="" border="0"/>',
				'validate' => create_function('&$tag, &$data, $disabled', '$data = strtr($data, array(\'<br />\' => \'\'));'),
				'disabled_content' => '($1)',
			),

ให้เอาโค้ดนี้ยัดแทนครับ

			array(
				'tag' => 'img',
				'type' => 'unparsed_content',
				'content' => '<img src="$1" alt="" border="30000000000000000" onload="ResizeImage(this)" />',
				'validate' => create_function('&$tag, &$data, $disabled', '$data = strtr($data, array(\'<br />\' => \'\'));'),
				'disabled_content' => '($1)',
			),

ปล.มีบั๊คตรงโค้ดในไฟล์ Subs.php แก้กันเองนะ (ไม่บอกว่าตรงไหน)

Tags: , , , ,

9 Responses to “ทำ ResizeImage แบบง่ายๆ (JavaScript)”

  1. October 22nd, 2009 at 01:48
    1

    เจ๋งๆๆๆๆๆๆ

    น่าลองเอาไปใช้บ้างจัง

  2. October 22nd, 2009 at 20:21
    2

    /*ใครลบ 2 บรรทัดบน เป็น
    หมัน(รวมทั้งบรรทัดนี้ด้วย)*/
    แรงแท้บรรทรรนี้แต่เจ๋งดีแฮะ

  3. November 28th, 2009 at 09:04
    3

    ออ ผมเจอบั๊ค
    และ

  4. December 28th, 2009 at 20:55
    4

    เจอบัคอะไรครับ

    บอกหน่อย

  5. iChetblog.net
    December 28th, 2009 at 21:03
    5

    @www.thai-
    share.com

    border=”30000000000000000″

    ครับ ที่เป็นบั๊ค

  6. December 28th, 2009 at 21:23
    6

    อันนี้แบบที่ zone-it ใช้เลยใช่ไหมครับนี่

  7. iChetblog.net
    December 30th, 2009 at 10:41
    7

    ใช่ครับ

  8. January 7th, 2010 at 20:28
    8

    [url=][img][/img][/url]

    ใช้ไม่ได้เลยอ่ะครับ ทำไงดี

  9. May 1st, 2010 at 16:19
    9

    ทำยังอ่าทำไม่เป็นครับ

Leave a Comment