Lightbox là một tệp JavaScript để hiển thị hình ảnh và video trên trang web của bạn. Khi bạn gán giá trị "Hộp đèn" cho thuộc tính mối quan hệ của đồ họa, người dùng có thể nhấp vào đồ họa để mở rộng nó trên màn hình. Ví dụ: nếu công ty của bạn thiết kế nội thất gia đình và trang web của bạn bao gồm các mẫu công việc của bạn, các yếu tố Lightbox có thể cho phép khách hàng duyệt qua danh mục đầu tư của bạn mà không cần mở các trang Web riêng biệt. Trình duyệt trung tâm các thành phần Hộp đèn theo mặc định, nhưng bạn có thể thực hiện các bước bổ sung trong Dreamweaver để chặn mã có thể chống lại bố cục này.

1.

Nhấn "F8" để mở bảng điều khiển Tệp Dreamweaver.

2.

Nhấp đúp vào "lightbox.css" để mở.

3.

Cuộn đến khối xác định kiểu "hộp đèn". Mã của khối này sẽ giống như sau:

hộp đèn {

vị trí: tuyệt đối; chiều rộng: 100%; chỉ số z: 10000; văn bản-align: trung tâm; chiều cao dòng: 0; họ phông chữ: "lucida grande", tahoma, verdana, arial, sans-serif; font-weight: bình thường; }

4.

Thêm các dòng sau trong khối nếu chúng chưa có:

trái: 0; đầu trang: 0;

5.

Thay thế dòng đặt thuộc tính "vị trí" của kiểu bằng dòng sau:

vị trí: cố định;

6.

Lưu các tập tin.