이미지를 마우스 포인터로 클릭해서 선택할 수 있습니다. 마우스 포인터를 이미지 위에 일정 시간 동안 올려 두면 이미지가 확대됩니다. Select All 버튼과 Unselect All 버튼이 토글 형태로 동작합니다. Play Slide Show 버튼을 누르면 각 이미지가 순차적으로 시간차를 두고 확대됩니다. 중간에 멈출 수도 있습니다.
우선 HTML 파일과 CSS 파일을 작성하겠습니다. gallery.html 문서는 style.css 파일과 script.js 파일을 로드합니다.