วิธีการตั้งศูนย์ 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

บันทึกไฟล์

โพสต์ยอดนิยม