MH 템플릿을 사용하고자 하면 윤삼님이 만든 탬플릿 컴포넌트가 먼저 설치 되어 있어야 합니다.
아래목록에 있는 "MH 템플릿5종"과는 달리 약간의 설명이 필요하여 따로 글을 작성합니다.
- MH-Zoom 템플릿 mh-zoom.zip
상품설명 : 이미지에 마우스를 대면 이미지가 확대되면서 상품의 자세한 부분 까지 확인할수 있습니다.
상품설명 : 이미지에 마우스를 대면 이미지가 확대되면서 상품의 자세한 부분 까지 확인할수 있습니다.
mh-zoom을 설치해서 게시판에 삽입하면 위와 같이 출력됩니다.
그런 다음 자기가 출력하고자 하는 이미지를 화면에 첨부한후 소스보기를 눌러서 해당 이미지의 소스(아래 빨간색 부분)를 zoom소스에 대입하면 됩니다.
화면에 출력되는 이미지의 크기는 width="250"를 수정하시면 되고 원본이미지의 크기는 넓이 250px보다 큰 이미지라야 확대가 되겠죠.
<div class="zoom-section"> <div class="zoom-small-image"><a class="cloud-zoom" href="/files/attach/images/177/820/446/04ee43ef336b496064fa9d275b42cbe1.png" id="zoom1" rel="adjustX:10, adjustY:-4"><img alt="" src="/files/attach/images/177/820/446/04ee43ef336b496064fa9d275b42cbe1.png" title="Optional title display" width="250" /></a></div> </div>
템플릿 컴포넌트 Slide기능 MH 템플릿
템플릿 컴포넌트 "MH 템플릿" 5종
