slick slider 플러그인으로 만든 영상 리스트에서 선택한 영상 재생하는 자바스크립트 예제 및 HTML 외부 코드 적용하는 방법
제품 소개를 위한 영상 갤러리를 만들어야 할 업무가 생겨 관련 자료들을 검색하고 찾아서 만들었습니다. 다음에 비슷한 작업을 해야할 때 사용하기 위해 정리한 내용 입니다. 상단에 영상 제목이 텍스트로 표시되고 중간에 영상이 나오고 하단에는 영상 리스트가 슬라이드 형태로 표시되는 화면 구성입니다. 이미지 슬라이드를 사용하기 위해 slick slider 를 설정해 줘야 합니다. 오프라인으로 사용해야 해서 css 파일과 js 등 관련 파일들을 다운받아 common 폴더에 넣었습니다. 태그 안에 위 내용을 입력합니다. body { text-align: center; background-color: rgb(122, 127, 143);} .slider {width: 90%; margin: 20px au..
알쓸신잡
2024. 4. 20. 08:36