[Flask] 부트스트랩 carousel 동적 사진 슬라이더 적용

Universe_lee 2023. 1. 16. 13:34

Flask로 Bootstrap carousel에 여러 장의 사진 배열을 슬라이더로 나타내고자 한다.

[Bootstrap Carousel]

Carousel Template · Bootstrap v5.2

Example headline. Some representative placeholder content for the first slide of the carousel. Sign up today

getbootstrap.kr

원본 코드는

carousel slide -> carousel-inner -> carousel-caption, carousel-item, carousel-control-prev-next 등 으로 이루어져 있다.

py코드에서 render_template 를 통해 carousel.html에 이미지 배열등 원하는 변수 값을 넘겨준다

carousel.html에서 carousel-inner에 imageLIst를 1장씩 loop시켜 불러낸다.