วิธีการตั้งศูนย์ Lightbox ใน Dreamweaver
Lightbox เป็นไฟล์ JavaScript สำหรับแสดงภาพและวิดีโอของเว็บไซต์ของคุณ เมื่อคุณกำหนดค่า "Lightbox" ให้กับแอตทริบิวต์ความสัมพันธ์ของกราฟิกผู้ใช้สามารถคลิกที่กราฟิกเพื่อขยายผ่านหน้าจอ ตัวอย่างเช่นหาก บริษัท ของคุณออกแบบตกแต่งภายในบ้านและเว็บไซต์ของคุณมีตัวอย่างงานของคุณองค์ประกอบ Lightbox สามารถให้ลูกค้าเรียกดูพอร์ตโฟลิโอของคุณโดยไม่ต้องเปิดเว็บเพจแยกต่างหาก เบราว์เซอร์จะจัดองค์ประกอบของกล่องรวมภาพไว้ตามค่าเริ่มต้น แต่คุณสามารถทำตามขั้นตอนเพิ่มเติมใน Dreamweaver เพื่อบล็อกรหัสที่อาจตอบโต้เค้าโครงนี้
1
กด "F8" เพื่อเปิดพาเนลไฟล์ Dreamweaver
2
คลิกสองครั้งที่ "lightbox.css" เพื่อเปิด
3
เลื่อนไปที่บล็อกที่กำหนดสไตล์ "ไลท์บ็อกซ์" รหัสของบล็อกนี้จะมีลักษณะดังต่อไปนี้:
Lightbox {
ตำแหน่ง: สัมบูรณ์; ความกว้าง: 100%; ดัชนี z: 10000; จัดข้อความ: ศูนย์; ความสูงบรรทัด: 0; font-family: "lucida grande", tahoma, verdana, arial, sans-serif; น้ำหนักตัวอักษร: ปกติ; }
4
เพิ่มบรรทัดต่อไปนี้ภายในบล็อกหากยังไม่มีอยู่:
ซ้าย: 0; ด้านบน: 0;
5
แทนที่บรรทัดที่ตั้งค่าแอตทริบิวต์ "ตำแหน่ง" ของสไตล์ด้วยบรรทัดต่อไปนี้:
ตำแหน่ง: คงที่;
6
บันทึกไฟล์