> For the complete documentation index, see [llms.txt](https://helpv3.ladipage.vn/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://helpv3.ladipage.vn/su-kien-cho-phan-tu/su-kien-nhap-chuot/lightbox-hinh-anh.md).

# Lightbox hình ảnh

Là tính năng giúp bạn hiển thị chi tiết hình ảnh sản phẩm, giúp khách hàng xem ảnh to và rõ hơn. Thực hiện như sau:

Bạn vào phần Thiết lập của phần tử--> chọn Sự kiện--> Hành động nhấp chuột --> Lightbox--> Chọn kiểu Hình ảnh--> Chọn ảnh từ thư viện của tài khoản.

<figure><img src="https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FFiUpXAN7SE6FNAVozprg%2Fh%C3%ACnh%20%E1%BA%A3nh.png?alt=media&amp;token=8d5c17b2-80b6-46ad-9951-234507e60aa4" alt=""><figcaption></figcaption></figure>

Hình ảnh hiển thị sẽ có kích thước bằng kích thước ảnh bạn tải lên tài khoản LadiPage.&#x20;

Sự kiện lightbox hình ảnh sẽ chỉ hỗ trợ bấm vào phần tử và hiển thị 1 hình ảnh duy nhất. Nếu bạn muốn bấm vào phần tử liên kết hiển thị slide hình ảnh (nhiều hình ảnh) như Gallery/ Carousel, thì bạn dùng [sự kiện liên kết tới popup](https://help.ladipage.vn/su-kien-cho-phan-tu/su-kien-nhap-chuot/su-kien-mo-popup), và thêm Gallery/ Carousel vào popup đó.

Kết quả hiển thị&#x20;

![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FWCs01WI5zCbNBFGXFmpq%2Fh%C3%ACnh%20%E1%BA%A3nh.gif?alt=media\&token=2f47ebbc-f823-4452-b1a4-750bcaf81e3b)