> For the complete documentation index, see [llms.txt](https://help.tempi.vn/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.tempi.vn/cac-thanh-phan-co-ban-tren-tempi/phan-tu/slideshow.md).

# Slideshow

### Cách thêm Slideshow[​](https://tempi.vn/huong-dan/cac-thanh-phan-co-ban-tren-tempi/phan-tu/slideshow/#c%C3%A1ch-th%C3%AAm-slideshow) <a href="#cach-them-slideshow" id="cach-them-slideshow"></a>

Tại vị trí mà bạn muốn thêm slideshow, kéo phần tử **Slideshow** vào bố cục có sẵn. Khi vị trí hiển thị màu xanh (ảnh) thì có nghĩa là bạn có thể đặt phần tử vào vị trí đó.

<br>

<div align="center"><img src="https://lh3.googleusercontent.com/bXmfHBwFGRoJHtNOyUVGNSO1COeWAldWLY8h9BtIGEDN-KLShq8oXMTb9H9X4Nw96DaO8auKfROdiiRZBDkZBqALqwF_tzsf=rw-w2304" alt="Thêm slideshow vào bố cục"></div>

<br>

### Cách tải ảnh lên Slideshow[​](https://tempi.vn/huong-dan/cac-thanh-phan-co-ban-tren-tempi/phan-tu/slideshow/#c%C3%A1ch-t%E1%BA%A3i-%E1%BA%A3nh-l%C3%AAn-slideshow) <a href="#cach-tai-anh-len-slideshow" id="cach-tai-anh-len-slideshow"></a>

Bước 1: Bấm vào phần tử Slideshow -> Bấm vào **Quản lý ảnh**

<br>

<div align="center"><img src="https://lh3.googleusercontent.com/skx-OMB9-5z3SdaAoQOAtUA5g4hOeIXEEsMikL0Y0G_7W3x_Va1G-R5wuIHTdXJX12iu26G8CxZ2-9ac5O4ZX4-VZc0e3ImC=rw-w1274" alt=""></div>

<br>

Bước 2: Bấm vào từng ảnh có sẵn để thay thế bằng ảnh của bạn hoặc Tải ảnh lên từ thiết bị

<br>

<div align="center"><img src="https://lh3.googleusercontent.com/Fst5_PM72oOdRVHTTgGOxhYpV5SwWazIwHj5SRYdLDSs8NxXk94BlfwaQjKqdtTSEgeuHmQHsXpwucLgeLnno9Bg1HtubKKO=rw-w1628" alt="Cài đặt slideshow"></div>

<br>

### Cách cấu hình Slideshow[​](https://tempi.vn/huong-dan/cac-thanh-phan-co-ban-tren-tempi/phan-tu/slideshow/#c%C3%A1ch-c%E1%BA%A5u-h%C3%ACnh-slideshow) <a href="#cach-cau-hinh-slideshow" id="cach-cau-hinh-slideshow"></a>

Bấm vào Slideshow -> Bấm vào icon như ảnh minh hoạ để mở bảng Cấu hình Slideshow .

<br>

<div align="center"><img src="https://lh3.googleusercontent.com/Jb1UcaPOF5thVYRyAlEuIXvegxI7wtgGjwRlv4WXPqGOErAdgFFNL7_mWkIbXhZIBFzMC0-dzaMX1HsTQs31864PI8MpfuZ1=rw-w2630" alt="Cài đặt slideshow"></div>

<br>

#### Nội dung[​](https://tempi.vn/huong-dan/cac-thanh-phan-co-ban-tren-tempi/phan-tu/slideshow/#n%E1%BB%99i-dung) <a href="#noi-dung" id="noi-dung"></a>

Hướng dẫn theo thứ tự từ trên xuống dưới

* Kiểu hiển thị: Chọn 1 trong 2 chế độ hiển thị Không có thumbnail/Có thumbnail
* Chiều cao: Điều chỉnh chiều cao của Slideshow
* Số lượng phần tử hiển thị trên 1 hàng: Số lượng ảnh hiển thị trên 1 hàng
* Màu nút trượt
* Màu mũi tên điều hướng
* Tự động trượt: Bật/Tắt chế độ ảnh tự động trượt trong Slideshow
* Lặp lại: Bật/Tắt chế độ tự động lặp lại ảnh trong Slideshow
* Tự động căn chỉnh ảnh: Bật/Tắt chế độ tự động căn chỉnh chiều cao/chiều rộng của ảnh

#### Kiểu[​](https://tempi.vn/huong-dan/cac-thanh-phan-co-ban-tren-tempi/phan-tu/slideshow/#ki%E1%BB%83u) <a href="#kieu" id="kieu"></a>

Bo góc: Điều chỉnh bo góc cho Slideshow