แนะนำวิธีใส่รูปย่อหน้าหัวข้อ เพื่อแสดงผลในหน้ารวมหัวข้อ เฉพาะบอร์ด Classifieds เท่านั้น

วัตถุประสงค์ เพื่อแสดงรูปภายในหัวข้อก่อนการตัดสินใจเปิดอ่านข้อมูลเพิ่มเติมจากหัวข้อดังกล่าว มีผลทำให้หัวข้อมีความน่าสนใจเพิ่มขึ้น

ตัวอย่าง


สำหรับหัวข้อที่เริ่มใหม่ ให้พิมพ์ข้อความตามปกติ
แต่ถ้ามีหัวข้ออยู่แล้ว สามารถแก้ไขเพื่อใส่ url ของรูปย่อได้เลย ดูวิธีทำตามขั้นตอนดังกล่าว

วิธีที่ 1 ใช้ url จากเว็บที่ให้บริการฝากไฟล์รูป
ถ้าคุณใช้รูปจากเว็บที่ให้บริการฝากไฟล์รูปเช่น imageshack.us หรือ photobucket คุณสามารถนำ url ของไฟล์รูปไปใส่ในช่อง "URL รูปย่อเพื่อแสดงหน้าหัวข้อ" ได้ทันที
แนะนำให้ใช้ url ของไฟล์ที่ย่อรูปไว้ให้แล้ว thumb หรือ thumbnail เพื่อการแสดงผลของรูปได้รวดเร็ว
ตัวอย่างเช่น
ถ้าอัพโหลดไฟล์รูปไว้ที่ imageshack.us
ไฟล์รูปขนาดปกติ http://img123.imageshack.us/img123/456/filename.jpg
ไฟล์รูปขนาดย่อ http://img123.imageshack.us/img123/456/filename.th.jpg
สังเกตไฟล์รูปย่อกับไฟล์ขนาดปกติ ต่างกันที่ .th ก่อนนามสกุลไฟล์ th ย่อมาจาก thumb

ถ้าอัพโหลดไฟล์รูปไว้ที่ photobucket
ไฟล์รูปขนาดปกติ http://i277.photobucket.com/albums/kk54/racingweb/folder/filename.jpg
ไฟล์รูปขนาดย่อ http://i277.photobucket.com/albums/kk54/racingweb/folder/th_filename.jpg
สังเกตไฟล์รูปย่อกับไฟล์ขนาดปกติ ต่างกันที่ th_ ก่อนชื่อไฟล์ th ย่อมาจาก thumb

ถ้าอัพโหลดไฟล์รูปไว้ที่ ohozaa, torrentmove
ไฟล์รูปขนาดปกติ http://image.ohozaa.com/ix/filename.jpg
ไฟล์รูปขนาดย่อ http://image.ohozaa.com/tx/filename.jpg
ไฟล์รูปขนาดปกติ http://images.torrentmove.com/ix/filename.jpg
ไฟล์รูปขนาดย่อ http://images.torrentmove.com/tx/filename.jpg
สังเกตไฟล์รูปย่อกับไฟล์ขนาดปกติ ต่างกันที่ t ในโฟลเดอร์ก่อนชื่อไฟล์

หรือถ้าไม่รู้ ไม่แน่ใจ หลังจากอัพโหลดไฟล์รูปในเว็บผู้ให้บริการฝากไฟล์รูป ส่วนใหญ่จะมีรูปย่อมาให้ด้วย สังเกตว่าไฟล์รูปย่อจะมีแถบตัวอักษรด้านล่างของรูป ที่จะบอกขนาดและไฟล์ของรูปปกติ
ตามตัวอย่าง

ถ้าใช้บราวเซอร์ FireFox ให้คลิกขวาบนรูป แล้วเลือก "คัดลอกที่ตั้งภาพ" หรือ "Copy Image Location"
ถ้าใช้บราวเซอร์ Google Chromeให้คลิกขวาบนรูป แล้วเลือก "คัดลอก url รูปภาพ" หรือ "Copy Image URL"
ถ้าใช้บราวเซอร์ Opera หรือ Safari ให้คลิกขวาบนรูป แล้วเลือก "Copy Image Address"
ถ้าใช้บราวเซอร์ Internet Explorer ให้คลิกขวาบนรูป เลือก Properties จากนั้นจะมีหน้าต่างขึ้นมาให้คัดลอก url ของรูปย่อได้
เพียงเท่านี้ คุณก็จะได้ url ของรูปย่อแล้ว

URL ที่สมบูรณ์แบบต้องมีลักษณะดังนี้
http://webname.com/folder/filename.jpg

แต่ถ้าหารูปย่อไม่ได้ ก็ใช้รูปขนาดปกติที่ใช้แสดงผลในกระทู้ก็ได้ คัดลอก url ของรูปไปใส่ในช่อง "URL รูปย่อเพื่อแสดงหน้าหัวข้อ" ได้เช่นกัน ที่หน้ารวมหัวข้อก็จะแสดงรูปย่อให้ได้ เพียงแต่ขนาดของไฟล์ยังคงใหญ่เท่ารูปปกติ จะมีผลโหลดช้ากว่ารูปที่ย่อขนาดไว้แล้ว

วิธีที่ 2 ใช้ url จากไฟล์แนบที่อยู่ในกระทู้
วิธีนี้อาจจะยุ่งยากนิดหน่อย
ในหน้าโพสต์กระทู้ ให้ใส่ข้อมูลตามปกติ รวมทั้งแนบไฟล์ แล้วคลิก "ส่งหัวข้อใหม่" (เหมือนโพสต์ตั้งหัวข้อตามปกติ)
หลังจากนั้นจะเข้าสู่ หัวข้อของคุณ และจะเห็นรูปย่อที่คุณแนบไฟล์ไว้
ตามตัวอย่าง

ถ้าใช้บราวเซอร์ FireFox ให้คลิกขวาบนรูป แล้วเลือก "คัดลอกที่ตั้งภาพ" หรือ "Copy Image Location"
ถ้าใช้บราวเซอร์ Google Chromeให้คลิกขวาบนรูป แล้วเลือก "คัดลอก url รูปภาพ" หรือ "Copy Image URL"
ถ้าใช้บราวเซอร์ Opera หรือ Safari ให้คลิกขวาบนรูป แล้วเลือก "Copy Image Address"
ถ้าใช้บราวเซอร์ Internet Explorer ให้คลิกขวาบนรูป เลือก Properties จากนั้นจะมีหน้าต่างขึ้นมาให้คัดลอก url ของรูปย่อได้
เพียงเท่านี้ คุณก็จะได้ url ของรูปย่อแล้ว

URL ที่สมบูรณ์แบบของชื่อไฟล์ในเว็บต้องมีลักษณะดังนี้
http://racingweb.net/forums/attachment.php?attachmentid=xxxxxxx&stc=1&thumb=1&d=xxxxxxxxxx

หลังจากนั้นให้คุณคลิกที่ปุ่ม "แก้ไขกระทู้" และ "ใช้งานขั้นสูง" เพื่อเข้าสู่หน้าแก้ไขกระทู้เต็มรูปแบบ (ถ้าช่วงที่เว็บทำงานช้าๆ หลังจากคลิกที่ "แก้ไขกระทู้" ก็จะเข้าสู่หน้าแก้ไขกระทู้เต็มรูปแบบทันที)
จากนั้นให้คุณวาง url รูปย่อในช่อง "URL รูปย่อเพื่อแสดงหน้าหัวข้อ"
คลิกบันทึกการเปลี่ยนแปลง เสร็จสิ้น


ในช่อง "URL รูปย่อเพื่อแสดงหน้าหัวข้อ" ให้ใส่เฉพาะ URL อย่างเดียวเท่านั้น ไม่ต้องใส่โค้ดอื่นใดเพิ่มเติมทั้งสิ้น ถ้าใส่ไปแล้วจะไม่แสดงรูป เนื่องจากเป็น URL ที่ผิด


รูปที่แสดงหน้าหัวข้อ เปิดให้บริการเฉพาะบอร์ด Classifieds ทั้งหมด รวมทั้ง Classified ที่อยู่ในคลับต่างๆ และบอร์ด Cars Show

 

ทำได้นานแล้ว เพียงแต่ว่าเมื่อก่อนเป็นแบบอัตโนมัติ โปรแกรมจะเลือกเอารูปของไฟล์แนบไฟล์แรกขึ้นมาเป็นรูปย่อให้เอง แต่หลังทดลองใช้งาน รู้สึกว่ามันโหลดช้า เนื่องจากต้องประมวลผลและโหลดไฟล์แนบมาด้วย

ตอนนี้จึงเปลี่ยนวิธีใหม่ ให้ผู้ใช้งานใส่เองเลยละกัน เลือกเอาว่าจะใช้รูปจากภายนอกหรือรูปจากไฟล์แนบ หรือเลือกรูปให้โดดเด่นตามที่ต้องการ
และบางคนก็อาจจะทำเป็นรูปเคลื่อนไหว (animation) สำหรับเอาไว้ใช้กับรูปย่อหน้าหัวข้อก็ได้

จากที่วิธีใช้งาน จะแนะนำให้ใช้รูปจากเว็บฝากไฟล์มากกว่า เนื่องจากจะลดภาระโหลดรูปจากเว็บนี้ลง


ของ duke ใส่โค้ดรูปผิดนะ ต้องใส่เฉพาะ url เท่านั้น เราเข้าไปแก้ไขให้บ้างแล้ว

 

ตัวโค้ดที่แสดงรูป กำหนดขนาดความกว้างและสูงของรูปเอาไว้แล้ว

เพียงแต่ว่า ถ้ารูปที่เค้านำมาใส่ให้แสดงเป็นรูปย่อหน้าหัวข้อ เป็นรูปขนาดใหญ่ รูปนั้นก็จะแสดงเป็นรูปย่อให้ตามที่โค้ดกำหนดไว้ แต่รูปนั้นจะโหลดช้ากว่ารูปขนาดที่เล็กกว่า