0
큰 이미지의 div가 있고 div가있는 간단한 사진 갤러리를 만드는 중입니다. 5 개의 미리보기 이미지가 있다고합니다. 이 하위 div는 왼쪽 및 오른쪽 화살표 이미지를 적절하게 배치하여 클릭시 축소판 컨테이너를 오프셋하고 다음 5 개의 축소판을 가져옵니다. 물론 미리보기 이미지를 클릭하면 위의 div에있는 큰 이미지가 올바른 이미지를 반영하도록 변경됩니다.코어 자바 스크립트를 사용하여 축소판 패널의 이미지를 다음 및 이전 버튼으로 오프셋하는 방법
저는 이것이 간단하고 jquery 등의 라이브러리를 사용하여 더 좋은 갤러리를 만들 수 있음을 알고 있습니다.하지만 Javascript를 배우는 과정에 있으며 훌륭한 라이브러리를 사용하는 대신에 어려운 길을 배우고 싶습니다.
"오프셋"부분을 개발할 때 문제가 있습니다. 왼쪽 및 오른쪽 화살표 키가 미리보기 이미지를 적절하게 오프셋하고 가져올 수 있도록 미리보기 컨테이너에 포함 된 첫 번째 및 마지막 미리보기 이미지의 트랙을 유지하려면 어떻게해야합니까?
또한 jquery와 같은 라이브러리를 사용하지 않고 이러한 축소판 기반 갤러리를 개발할 수있는 자료를 알려주십시오. 난 멋진 효과/슬라이드 쇼 것들을 원하지 않아, 그냥 단순하고 우아한 정적 갤러리가 할 것입니다.
감사합니다.