js
-
flex && Array로 slide만들기(2)Web/JavaScript 2020. 1. 29. 04:07
☺️ 이전 글 flex && Array로 slide만들기(1) 내가 만든 슬라이드 : * .view-ver와 사진후보 array는 grid로 구분되어 있다. 사진 후보들인 .best-scene이 Array로 아래에 깔려 있고 사용자가 그 중 하나를 클릭(onclick)하면 해당 .best-scene의 background-.. humonnom.tistory.com html과 css 설정은 이전 글에서 다뤘고 이번 글에서는 js 설정만 다룬다. (1) div.viewVer의 현재 background-image를 구한다. (2) 현재 background-image 가 array에서 몇 번째 인지 확인하고 거기서 -1 해서 그 사진이 div.viewVer의 new background-image 가 되도록 한다...
-
flex && Array로 slide만들기(1)Web/JavaScript 2020. 1. 29. 03:18
(1) 내가 만든 사진 슬라이드 사용자가 작은 사진들 중에 하나를 선택하면, 그 이미지가 큰 화면(div)의 배경화면으로 채택되어 사용자가 사진을 크게 볼 수 있는 작동방식이다. ⇩ 추가 설명 더보기 * 작은 사진들( .best-scene)이 Array로 아래에 깔려 있다. * .view-ver와 작은 사진 array는 grid로 구분되어 있는 상태 *사용자가 작은 사진 중 하나를 클릭(onclick)하면 작은 사진의 background-image가 .veiw-ver의 background-image가 되어 사용자가 사진을 크게 볼 수 있는 구조. (2) 계획 사용자가 큰 사진(viewVer)의 왼쪽의 50% 너비 영역을 누르면 현재 선택된 사진의 왼쪽 사진을, 오른쪽을 누르면 현재 선택된 사진의 오른쪽 ..