Thư viện thuật ngữ / UI/UX

Lightbox là gì?

Còn gọi: xem ảnh phóng to, light box, image viewer, gallery popup

Lightbox là kiểu hiển thị ảnh hoặc video phóng to trên một lớp phủ tối che phần còn lại của trang, khi người dùng bấm vào ảnh thu nhỏ, kèm nút chuyển ảnh và nút đóng.

Hiểu kỹ hơn

Lightbox phổ biến ở trang sản phẩm, portfolio, bài viết nhiều ảnh, giúp xem chi tiết mà không rời trang. Một lightbox tốt có: nút đóng rõ ở góc, đóng được bằng phím Esc và khi bấm ra vùng tối, mũi tên hoặc vuốt để chuyển ảnh, số thứ tự 'ảnh 3/12', chú thích ảnh, và trên mobile hỗ trợ chụm hai ngón để phóng to. Khi mở, focus bàn phím phải chuyển vào lightbox và khi đóng thì quay về ảnh đã bấm. Ảnh trong lightbox nên tải bản độ phân giải cao chỉ khi cần, để trang ban đầu vẫn nhẹ. Ở thuật ngữ nhiếp ảnh, lightbox còn chỉ bàn đèn xem phim, nên cần hiểu theo ngữ cảnh.