WordPress를 사용하면서 불편한 점이 있었다면
이미지 관련해서의 기능이 많이 부족한 점이 있다.
갤러리 이미지를 넣어도 attachment 형태로 들어가다 보니 새 창이 열리는 형태로 되어있어서
popup modal 형태로 동작시키게 했다.
물론 기존 이미지도 modal 로 동작시키도록 했지만 갤러리도 이참에 개선을 진행했다.
핵심은 다음과 같은 형태로 개선했다.
- 스와이프 좌/우 혹은 좌/우 화살표 버튼 클릭을 통한 갤러리 이미지간 이동
- 위에서 아래로 슬라이드 하여 modal 닫기
- 휠 업/다운(PC) 및 핀치 투 줌(모바일) 환경으로 이미지 확대축소 지원
- 이미지 첨부할 때 자체적으로 이미지 resize 되는 querystring 제거
- dimmed 영역 클릭 시 modal 닫기 (기존 × 버튼도 동작)
기타 여러 편의성 로직을 거친 스크립트를 적용했다.