iChetblog.net

(ภาพจาก : 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 แก้กันเองนะ (ไม่บอกว่าตรงไหน)