Bitthailand Preview Image By P' Tee++; http://www.thaiseoboard.com/in...40078.msg527857.html#msg527857
ThaiSEOBoard Avartar and Linkpr Fixed By Ball6847http://www.thaiseoboard.com/in...40078.msg552033.html#msg552033 
// =======================================
เวลาก็ไม่ค่อยจะมีเท่าไหร่ แต่ก็หาเรื่องอู้งานศึกษาอะไรเพิ่มเติม
ล่าสุดหัด jQuery มาได้ประมาณ 5 วัน
คิดไปคิดมา เอ...อยากจะฝึกเขียน jQuery แต่ไม่รู้จะเอาไปใช้กับกรณีไหนดี ก็เลยเกิด idea นำเอา jQuery เข้ามาใช้ผสมเข้ากับ GreaseMonkey แล้วหาไรที่มันน่าจะเป็นประโยชน์ทดลองง่ายๆดูสักโปรแกรม
ชั่วแว๊บบนึงกำลังคิดไป+หาโหลดบิตที่สยามบิตไปพลาง ไอเดียนึงเลยผุดขึ้นมาในสมอง "ถ้ารูปภาพมันโชว์หน้าเลือกไฟล์เลยก็ดีดิเนี่ย" ขี้เกียจเปิดดูบ่อยๆ
เลยเอาอันนี้ซะเลย
เริ่มวางแผนเอางัยดีหว่า (ใครเชี่ยวๆ jQuery ขอคำชี้แนะด้วย)
- คิดวิธีใช้ selector เหมาะๆ ก็ view source ดู เลยเอาเป็น attribute selector แระกันเพราะรูปมันจะมี alt="รูปภาพ" อยู่
- ที่อยู่ของรูปจะอยู่ที่ href ของลิ้งค์ซึ่งเป็น parent ของ img อีกที เลยเลื่อน node มาเป็น parent เพื่อจะเอาที่อยู่ของภาพ
- ได้รูปภาพแระ จับยัดรูปภาพต่อจากลิ้งค์เลย แต่แอบไว้ก่อน รอให้รุปภาพโหลดเส้ดก่อน เอิ้กๆ
- เมื่อรูปภาพพร้อมก็จัดแจง คำนวน scale รูปแล้ว resize ซะใหม่
- ครอบรูปภาพด้วย <p> ให้มันอยู่ให้ถูกที่ถูกทางสักนิด
- เมื่อเส็ดหมดก็แสดงรูปภาพขึ้นมาได้
ปัญหาที่เกิด- รูปภาพเอามาแสดงได้แค่รูปที่เป็นลิ้งค์ตรง แต่หลายที่ต้องเข้าไปดูที่เว็บทำให้รูปเจ้ง เหอๆ เลยต้องจัดการกับรูปที่เจ้งสักนิด รูปไหนเจ้ง remove ออกไปให้หมด
// ==UserScript==
// @name Siambit Torrent Images
// @namespace ball6847
// @include http://sb.in.th/*
// ==/UserScript==
var width = 250;
var height = 250;
var wait4dom = false;
function SB_preview_images() {
$('img[@title="รูปภาพ"]').parent().each(function(key , link) {
$(link).after('<img src="'+ $(link).attr('href') +'" style="display:none;border:none;">');
$(link).next().load(function() {
var dim = scaleImg($(this).width() , $(this).height());
$(this).width(dim.width);
$(this).height(dim.height);
$(this).wrap('<p></p>');
$(this).css('display' , 'block');
});
$(link).next().error(function() {$(this).remove()});
});
}
function scaleImg(w , h) {
var scale = (w > h) ? (width / w) : (height / h) ;
var dim = {width: Math.round(w * scale) ,height: Math.round(h * scale) }
return dim;
}
if(wait4dom) $(document).ready(function() {SB_preview_images()});
else SB_preview_images();
ใครกำลังหัด jQuery ลองไล่อ่านโค้ดดูเอานะคับ แหะๆ มั่วๆเอาเหมือนกัน


จิงๆแล้วมันก็ไม่ได้วิเศษวิโสอะไรมากมาย แต่มันก็น่าจะต่อยอดไปได้ไกลนะผมว่า โดยเฉพาะ jQuery ไม่นึกเลยว่ามันจะเทพขนาดนี้
อีกข้อได้เปรียบของ greasemonkey คือ greasemonkey มีฟังก์ชั่นสามารถใช้งาน xmlhttpRequest จากเว็บไหนก็ได้ ไม่จำกัดว่าต้องอยู่เฉพาะในโดเมนใดโดเมนหนึ่ง
ปล. ใครจะเล่นบ้าง อย่าลืมลง jQuery ลงไปใน Greasemonkey ก่อนเด้อ (อย่าลืมตั้งให้เป็นลำดับแรกด้วยล่ะ)