[국비지원] 9일차 - setinterval로 자동 슬라이더 만들기

See the Pen Untitled by jnn-jnn1 (@jnn-jnn1) on CodePen.

오늘은 어제 만든 슬라이더에 setinterval() 함수를 사용하여 자동 재생되게 만들었다. 

 

작업을 하다 보니 margin을 주지 않아도 이미지 주변에 공백이 생겨서 당황했는데

image가 inline 요소이기 때문이었다.

1) vertical-align : bottom 또는 top을 주기

2) display 속성을 block으로 변경

의 방법으로 해결할 수 있었는데, 나의 경우는 image에 div 태그를 주니 해결되었다.

 

https://www.daleseo.com/css-img-extra-space/

 

이미지 주변에 생기는 불필요한 공백 제거하기