전체 글82 비포 애프터 이미지 슬라이더 만들기 1. 이미지 드래거블 슬라이더 결과 이 코딩 예제는 두 개의 이미지를 직관적으로 비교할 수 있는 '이미지 드래거블 슬라이더'입니다.사용자는 가운데 슬라이더 버튼을 드래그하여 왼쪽 이미지와 오른쪽 이미지를 비교하면서 두 이미지의 변화 또는 차이를 쉽게 확인할 수 있습니다.이 기능을 사용할 수 있는 예로는 성형외과에서 수술 전 상태와 수술 후 상태를 비교할 수 있는 이미지 갤러리를 만들고자 할 때 유용한 기능이라고 할 수 있습니다. 2. 필요한 이미지이 예제를 구현하기 위해서 아래의 이미지와 같이 비교할 2장의 이미지가 필요합니다.즉, Before에 해당하는 사진과 After에 해당하는 사진을 만들어 주시면 됩니다.이때 신경 써야 할 사항은 가능한 한 이미지의 가로세로를 동일한 사이즈로 만들어 주시고, 해.. 2024. 8. 28. 이전 1 ··· 7 8 9 10 다음
