English
VietnameseUI Components
Lightbox
Trình chiếu ảnh fullscreen với swipe navigation, pinch-to-zoom, HTML caption, thumbnails strip, slideshow auto-play và keyboard shortcuts. Xây dựng với Base UI Dialog, Zustand, Tailwind CSS v4.
Phím tắt
←Trước→TiếpEscĐóngSpacePlay/PauseCChú thíchFToàn màn hìnhHomeĐầuEndCuối2×ClickZoomScrollZoom ±
Interactive Demo
Tuỳ chọn đầy đủ
Hoặc chọn trực tiếp bất kỳ ảnh nào bên dưới
1 / 5
Đỉnh Fansipan - Nóc nhà Đông Dương
Ở độ cao 3.143m với biển mây bồng bềnh hùng vĩ. Xem chi tiết lộ trình khám phá →
Hoàng hôn trên vịnh Hạ Long
Một buổi chiều tuyệt đẹp với ánh hoàng hôn buông xuống trên mặt biển Vịnh Hạ Long. Ảnh chụp bởi ChillCMS Team.
Rừng nhiệt đới Cúc Phương
Hệ sinh thái phong phú với thảm thực vật nhiệt đới đa dạng. #Nature #Vietnam
Chú thích ảnh (HTML Caption)
Hiển thị chú thích HTML text phong phú (liên kết, in đậm, badge). Bấm phím C hoặc icon trên toolbar để ẩn/hiện.
1 / 5
Đỉnh Fansipan - Nóc nhà Đông Dương
Ở độ cao 3.143m với biển mây bồng bềnh hùng vĩ. Xem chi tiết lộ trình khám phá →
Hoàng hôn trên vịnh Hạ Long
Một buổi chiều tuyệt đẹp với ánh hoàng hôn buông xuống trên mặt biển Vịnh Hạ Long. Ảnh chụp bởi ChillCMS Team.
Rừng nhiệt đới Cúc Phương
Hệ sinh thái phong phú với thảm thực vật nhiệt đới đa dạng. #Nature #Vietnam
Basic
1 / 9
Phong cảnh thiên nhiên 9
Bức ảnh chụp phong cảnh số #9 với độ phân giải cao, phù hợp cho trình chiếu và lưu trữ.
Phong cảnh thiên nhiên 1
Bức ảnh chụp phong cảnh số #1 với độ phân giải cao, phù hợp cho trình chiếu và lưu trữ.
Phong cảnh thiên nhiên 2
Bức ảnh chụp phong cảnh số #2 với độ phân giải cao, phù hợp cho trình chiếu và lưu trữ.
Loop
1 / 6
Chân dung nghệ thuật 6
Chân dung số 6 theo tỉ lệ dọc tiêu chuẩn (800x1200).
Chân dung nghệ thuật 1
Chân dung số 1 theo tỉ lệ dọc tiêu chuẩn (800x1200).
Chân dung nghệ thuật 2
Chân dung số 2 theo tỉ lệ dọc tiêu chuẩn (800x1200).
Slideshow (2.5s)
1 / 8
Núi tuyết hùng vĩ
Dãy Alps mùa đông với đỉnh núi phủ tuyết trắng xóa.
Bình minh trên biển
Khởi đầu ngày mới tràn đầy năng lượng với nắng sớm dịu nhẹ.
Kiến trúc cổ điển
Chi tiết kiến trúc mang phong cách Gothic cổ điển thế kỷ 19.
Không thumbnail
1 / 4
Phong cảnh thiên nhiên 4
Bức ảnh chụp phong cảnh số #4 với độ phân giải cao, phù hợp cho trình chiếu và lưu trữ.
Phong cảnh thiên nhiên 1
Bức ảnh chụp phong cảnh số #1 với độ phân giải cao, phù hợp cho trình chiếu và lưu trữ.
Phong cảnh thiên nhiên 2
Bức ảnh chụp phong cảnh số #2 với độ phân giải cao, phù hợp cho trình chiếu và lưu trữ.
Không chú thích (captions=false)
1 / 4
Phong cảnh thiên nhiên 4
Bức ảnh chụp phong cảnh số #4 với độ phân giải cao, phù hợp cho trình chiếu và lưu trữ.
Phong cảnh thiên nhiên 1
Bức ảnh chụp phong cảnh số #1 với độ phân giải cao, phù hợp cho trình chiếu và lưu trữ.
Phong cảnh thiên nhiên 2
Bức ảnh chụp phong cảnh số #2 với độ phân giải cao, phù hợp cho trình chiếu và lưu trữ.
Không zoom
1 / 4
Phong cảnh thiên nhiên 4
Bức ảnh chụp phong cảnh số #4 với độ phân giải cao, phù hợp cho trình chiếu và lưu trữ.
Phong cảnh thiên nhiên 1
Bức ảnh chụp phong cảnh số #1 với độ phân giải cao, phù hợp cho trình chiếu và lưu trữ.
Phong cảnh thiên nhiên 2
Bức ảnh chụp phong cảnh số #2 với độ phân giải cao, phù hợp cho trình chiếu và lưu trữ.
Ảnh đơn (kèm HTML caption)
1 / 1
Bức ảnh đơn lẻ với Caption HTML
Đây là ảnh đơn có chú thích HTML dạng phong phú, chứa liên kết ra ngoài và định dạng văn bản.
Bức ảnh đơn lẻ với Caption HTML
Đây là ảnh đơn có chú thích HTML dạng phong phú, chứa liên kết ra ngoài và định dạng văn bản.
Bức ảnh đơn lẻ với Caption HTML
Đây là ảnh đơn có chú thích HTML dạng phong phú, chứa liên kết ra ngoài và định dạng văn bản.
onSlideChange callback
onSlideChange → 0
1 / 6
Phong cảnh thiên nhiên 6
Bức ảnh chụp phong cảnh số #6 với độ phân giải cao, phù hợp cho trình chiếu và lưu trữ.
Phong cảnh thiên nhiên 1
Bức ảnh chụp phong cảnh số #1 với độ phân giải cao, phù hợp cho trình chiếu và lưu trữ.
Phong cảnh thiên nhiên 2
Bức ảnh chụp phong cảnh số #2 với độ phân giải cao, phù hợp cho trình chiếu và lưu trữ.
Không đóng khi nhấn backdrop
Nhấn vào nền tối sẽ không đóng lightbox, chỉ đóng bằng nút × hoặc Esc.
1 / 5
Cảnh quan thiên nhiên 5
Vẻ đẹp hoang sơ kỳ vĩ của thiên nhiên tươi đẹp #5.
Cảnh quan thiên nhiên 1
Vẻ đẹp hoang sơ kỳ vĩ của thiên nhiên tươi đẹp #1.
Cảnh quan thiên nhiên 2
Vẻ đẹp hoang sơ kỳ vĩ của thiên nhiên tươi đẹp #2.
Không đóng khi kéo xuống
Kéo xuống (pull-down) sẽ không đóng lightbox.
1 / 4
Đô thị hiện đại 4
Cảnh quan thành phố năng động với kiến trúc hiện đại và ánh sáng lung linh.
Đô thị hiện đại 1
Cảnh quan thành phố năng động với kiến trúc hiện đại và ánh sáng lung linh.
Đô thị hiện đại 2
Cảnh quan thành phố năng động với kiến trúc hiện đại và ánh sáng lung linh.
Custom className
Popup container có border cam và bo góc tùy chỉnh qua className.
1 / 4
Tỉ lệ dọc: Bức ảnh dọc với chi tiết sắc nét và bố cục ấn tượng.
Bình minh trên biển
Khởi đầu ngày mới tràn đầy năng lượng với nắng sớm dịu nhẹ.
Kiến trúc cổ điển
Chi tiết kiến trúc mang phong cách Gothic cổ điển thế kỷ 19.
Gallery lớn (24 ảnh, loop + slideshow)
1 / 24
Tác phẩm #24
Mô tả cho tác phẩm nghệ thuật #24 trong bộ sưu tập gallery lớn.
Tác phẩm #1
Mô tả cho tác phẩm nghệ thuật #1 trong bộ sưu tập gallery lớn.
Tác phẩm #2
Mô tả cho tác phẩm nghệ thuật #2 trong bộ sưu tập gallery lớn.