แนะนำการทำเว็บสำเร็จรูป - สร้างลิงค์รูปภาพเล็กไปรูปภาพใหญ่ ด้วยเครื่องมือ Text Editor

ท่านสมาชิก ReadyPlanet หลายท่าน ที่ต้องการแสดงผลรูปภาพขนาดจริงซึ่งมีขนาดค่อนข้างใหญ่ในหน้าเว็บไซต์สำเร็จรูป ทำให้พบปัญหาหน้าเว็บไซต์ขยายกว้างเกินไป  ReadyPlanet HowTo มีวิธีแก้ปัญหามาแนะนำค่ะ โดยการทำลิงค์จากภาพขนาดเล็ก ให้ผู้อ่านสามารถคลิกชมภาพขนาดใหญ่ โดยมีขั้นตอนดังนี้

1. Log in เข้าส่วนสมาชิก ที่เมนู "ระบบพื้นฐาน" คลิก "จัดการกลุ่มบทความ / บทความ" (หรือเมนูอื่น ๆ ที่ต้องการเพิ่มรูปภาพเพื่อผูกลิงค์จากภาพเล็กไปยังภาพใหญ่ค่ะ)

2. เข้าสู่หน้า "จัดการกลุ่มบทความ / บทความ" คลิกที่ชื่อกลุ่มบทความ จากนั้นคลิก  เพื่อเพิ่มบทความใหม่ หรือคลิก  เพื่อแก้ไขบทความเดิมที่สร้างไว้แล้วตามต้องการ

3. คลิกแท็บ "เนื้อหาของบทความ" คลิกเลือกคำสั่ง (Upload Image) เพื่อทำการเพิ่มรูปภาพ

4. จะปรากฎหน้าต่าง "Image Properties" คลิกที่ปุ่ม "Browse Server"

5. ปรากฎหน้าต่าง FCKeditor - Resources Browser - Windows Internet Explorer

     5.1. คลิกปุ่ม Browse เพื่อเลือกรูปภาพที่ต้องการ
     5.2. ปรากฎหน้าต่าง "Choose File to Upload" คลิกเลือกรูปภาพ (รูปภาพจะต้องมีขนาดไม่เกิน 500 Kb และชื่อภาพเป็นภาษาอังกฤษหรือตัวเลขเท่านั้น)
     5.3. คลิกปุ่ม "Open"
     5.4. คลิกปุ่ม Upload

6. หลังจากคลิก Upload จะปรากฏรูปภาพที่ท่านเลือก ให้คลิกที่รูปภาพ

7. รูปภาพที่ Upload มาจะปรากฎในช่อง Preview ให้ท่านทำการกำหนดขนาดของภาพให้มีขนาดเล็กลง โดยกำหนดค่าในช่อง Width (ความกว้าง) และ Height (ความสูง) ตัวอย่างเช่น ภาพต้นฉบับมีขนาด 960x99 pixels ทำการย่อขนาดโดยกำหนดให้ความกว้างและความสูงเป็น 500x52 pixels เป็นต้น จากนั้นทำการ Copy URL ของภาพจากช่อง URL และคลิก ตกลง ดังรูป

8. แสดงรูปภาพที่ได้จากการ Upload ในเนื้อหาของบทความ จากนั้น ให้คลิกที่รูปภาพ และคลิกที่คำสั่ง (Hyperling in Text) เพื่อสร้างลิงค์

9. ปรากฎหน้าต่าง Link ให้วาง URL ที่ copy มาในช่อง URL

เลือก "Target" เป็น "New Window (_blank)" และคลิก OK

10. ท่านสามารถใส่เนื้อหารายละเอียดอื่น ๆ ในส่วนเนื้อหาบทความเพิ่มเติม และคลิก "ตกลง" เพื่อบันทึกบทความค่ะ

ตัวอย่างการแสดงผลการลิงค์จากรูปภาพเล็กไปรูปภาพใหญ่บนหน้าเว็บไซต์