내배캠에서 미니프로젝트를 진행하면서, 나의 야심작 사진을 갤러리 식으로 기능 부여하던 중 배우게 된 이미지 슬라이드 한 번 배워보자. 생각보다 자바스크립트가 없이는 생각으로 담고 있던 기능을 구현할 수 있는 범위가 적었다. 자바스크립트의 소중함.. 리스펙.. 아직 자바스크립트가 익숙하지 않은 나에게는 HTML/CSS 로 근접하게 구현이 가능한 이미지 슬라이드를 배워보았다. 기본적으로 알아야할 radio 박스의 개념에 대해서 알고 갈 필요가 있다. input 에서 type="radio" 속성을 사용할 수 있는데, radio 속성은 한 번 클릭 시 해제가 안되며, name="slide" 으로 묶은 input 들은 하나의 그룹이 되어 여러 input 중 하나만 체크가 되는 효과를 가지고 있다. input 은 ..
HTML/CSS | 이미지 슬라이드
내배캠에서 미니프로젝트를 진행하면서, 나의 야심작 사진을 갤러리 식으로 기능 부여하던 중 배우게 된 이미지 슬라이드 한 번 배워보자. 생각보다 자바스크립트가 없이는 생각으로 담고 있던 기능을 구현할 수 있는 범위가 적었다. 자바스크립트의 소중함.. 리스펙.. 아직 자바스크립트가 익숙하지 않은 나에게는 HTML/CSS 로 근접하게 구현이 가능한 이미지 슬라이드를 배워보았다. 기본적으로 알아야할 radio 박스의 개념에 대해서 알고 갈 필요가 있다. input 에서 type="radio" 속성을 사용할 수 있는데, radio 속성은 한 번 클릭 시 해제가 안되며, name="slide" 으로 묶은 input 들은 하나의 그룹이 되어 여러 input 중 하나만 체크가 되는 효과를 가지고 있다. input 은 ..
2023.01.02