부트스트랩 Carousel

 

Carousel을 사용하면 slide가 

넘어가는 화면을 만들 수 있게된다.

 

넘어가는 속도가 너무 답답하다면

변경할 수도 있는데,

 

 

디폴트가 5초였다. 

위의 사진에서 data-bs-옵션=""으로

설정을 바꾸라고 하였다.

 

 

간격을 1초로 해봐야겠다.

 

 

확실히 빠르게 바뀐다. 

 

또한  data-bs-pause="hover"

사용하면 마우스를 올리면 멈춘다.

 

 

이제 정적으로 내가 슬라이드를 넘길 수 있도록 만들 것이다.

 

보라색: 버튼의 아이디와 슬라이드 박스의 아이디는 같아야한다.

붉은색: 정적슬라이드 기능을 사용하기 위해서는 

false로 선언해야한다,

파란색: active는 지금 화면에 보이는 슬라이드를 

나타낸다.