10 17
워드프레스 라이트박스 클론 플러그인 26선 글을 발행한 뒤에 찾은 플러그인으로 150여회 정도되는 낮은 내려받기된 횟수에 비해 기능면에서 나쁘진 않습니다. WP AutoZoom은 자동으로 글에 삽입된 이미지 링크를 클릭했을 때 현재 창에서 링크된 이미지를 띄워 줍니다.
장점이라면 rel이나 class를 지정해주지 않아도 자동으로 링크된 이미지에 적용되며, 워드프레스 기본 이미지 갤러리에도 적용된다는 점이며, 단점이라면 플러그인 설정을 파일을 직접 열어서 해줘야된다는 점입니다. 이미지 링크를 클릭하면 아래 그림처럼 보여줍니다.
wp-autozoom.js 파일에서 설정할 수 있는 사항은 아래와 같습니다.
- var includeCaption: <a title=”FantasyAmplifier… 처럼 앵커 태그에 타이틀 값을 줬을 때 이미지 아래에 보여줄 것인지를 true와 false 값을 이용해 설정합니다.
- var zoomTime: 링크된 이미지를 확대시키며 보여줄 때 프레임 사이에 지연시간을 설정합니다.
- var zoomSteps: 링크된 이미지를 확대시킬 때 적용할 프레임 수를 설정합니다.
- var includeFade: 링크된 이미지를 키우거나 닫을 때 페이드 인/아웃 효과를 적용할 것인지 정합니다. 기본 값은 1로 페이드 인/아웃 효과가 적용되며, 해제할 때에는 값을 0으로 변경해주면 됩니다.
- var minBorder: 링크된 이미지를 원래 크기대로 보여주는 데 필요한 창 크기에서 minBorder에서 설정된 값만큼 줄어든 크기로 이미지를 보여주게 됩니다.
- var shadowSettings: 링크된 이미지를 보여줄 때 이미지 주위에 적용할 그림자 효과의 위치와 그림자 두께를 설정합니다.