วิธีขยายภาพเมื่อคลิก

สารบัญ:

วิธีขยายภาพเมื่อคลิก
วิธีขยายภาพเมื่อคลิก

วีดีโอ: วิธีขยายภาพเมื่อคลิก

วีดีโอ: วิธีขยายภาพเมื่อคลิก
วีดีโอ: วิธีง่ายๆ ปรับภาพให้เต็มจอ กด2คลิก ใน Premiere Pro | Change Frame Size 2024, อาจ
Anonim

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

วิธีขยายภาพเมื่อคลิก
วิธีขยายภาพเมื่อคลิก

คำแนะนำ

ขั้นตอนที่ 1

อัปโหลดรูปภาพไปยังไซต์โฮสต์รูปภาพของบริษัทอื่น และแทรกลิงก์ที่คุณต้องการบนเว็บไซต์ของคุณ ไปที่หน้าของตัวแลกเปลี่ยนที่เหมาะสมกับคุณและใช้ปุ่มที่เหมาะสมเพื่อระบุว่าจะดาวน์โหลดรูปภาพจากที่ใด: จากอินเทอร์เน็ตหรือจากคอมพิวเตอร์ของคุณ ในกรณีแรก ให้คัดลอกลิงก์ไปยังรูปภาพจากแถบที่อยู่ในหน้าต่างเบราว์เซอร์ และวางลงในช่องที่กำหนดบนโฮสต์รูปภาพ ในกรณีที่สอง คลิกที่ปุ่ม "เรียกดู" และระบุไดเร็กทอรีที่รูปภาพของคุณอยู่ในคอมพิวเตอร์ของคุณ คลิกที่ปุ่ม "ดาวน์โหลด" และรอให้การดำเนินการเสร็จสิ้น

ขั้นตอนที่ 2

เพื่อให้รูปภาพของคุณขยายได้ด้วยการคลิกเมาส์ ให้คัดลอกลิงก์ที่อยู่ในช่อง "ดูตัวอย่าง" ("ดูตัวอย่าง" "คลิกเพื่อขยาย") แล้ววางลงในแหล่งข้อมูลของคุณ ทางเลือกอื่นนอกเหนือจากคำอธิบายภาพดังกล่าว สามารถให้ตัวเลือกต่างๆ สำหรับขนาดของรูปภาพได้ ตัวอย่างเช่น สำหรับขนาดเต็มของรูปภาพ ค่าอาจเป็น 600x450 และสำหรับตัวอย่าง - 200x150

ขั้นตอนที่ 3

หรือเปิดหน้าในเว็บไซต์ของคุณเพื่อทำการแก้ไข ในกลุ่ม "รูปภาพ" บนแผงตัวเลือก ให้คลิกปุ่ม "เรียกดู" และระบุเส้นทางไปยังรูปภาพที่บันทึกไว้ในคอมพิวเตอร์ของคุณ หากคุณต้องการอัปโหลดหลายภาพพร้อมกัน ให้กดจำนวนครั้งที่ต้องการบนไอคอน [+] และดำเนินการซ้ำสำหรับแต่ละภาพ สำหรับแต่ละภาพที่อัปโหลด รหัสจะถูกสร้างขึ้น ($ IMAGE1 $, $ IMAGE2 $ และอื่นๆ) จะปรากฏทางด้านขวาของปุ่ม "เรียกดู" ในฟิลด์แยกต่างหาก วางรหัสนี้ในตำแหน่งที่ต้องการบนหน้า

ขั้นตอนที่ 4

ทางด้านขวาของฟิลด์ที่มีรหัส ฟิลด์ที่มีความละเอียดของภาพในรูปแบบของการแสดงตัวอย่างจะพร้อมสำหรับการแก้ไข ระบุความสูงและความกว้างของรูปภาพในโหมดแสดงตัวอย่าง หากต้องการ คุณสามารถเปลี่ยนข้อมูลในกลุ่ม "ขนาดสูงสุดของภาพเต็ม" เพิ่มเติมได้ คลิกที่ปุ่ม "บันทึก" ตัวอย่างที่วางในลักษณะนี้จะขยายใหญ่ขึ้นเมื่อคลิกในแท็บใหม่ หากคุณต้องการให้รูปภาพขยายโดยไม่ต้องออกจากหน้า ให้แทรกสคริปต์ที่เหมาะสมลงในไซต์