You cannot see this page without javascript.

메뉴 건너뛰기

MH

MH LeftMenu 레이아웃 V1.1 [V1.1 특징] - 배경이미지 6가지중 선택가능(green. gold, li...
XE 위젯을 반응형으로 적용하자 제가 예전에 "위젯을 가로로 정렬했을때 모바일에서 반응형으...
responsive photo viewer 애드온 https://github.com/nzbin/photoviewer#readme nzbin의 photo...
Reveal Hover 위젯 위젯 전체글에 썸네일을 출력하기에는 무리가 있고, 보여 주...
Lightbox 전용 Hover 위젯 위젯에서 썸네일 클릭시 이미지가 화면위에 출력되는 Lightbo...
MH FullPage 레이아웃 V1.1 마우스 휠 한번 작동시 전체 화면 스크롤되는 FullPage 레이...
댓글이 2줄 이상일 경우 접고... 게시글에 댓글이 여러줄로 달릴 경우 댓글란들이 길게 나열되...
Lightbox 전용 Slideing 위젯 위젯에서 썸네일 클릭시 이미지가 화면위에 출력되는 Lightbo...
MH Multi V3.3 - 최신글+내용... 이전 버전에서 설명을 보고 오시면 편합니다. [V3.3 특징] 1....
조회 수 89 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
Extra Form
설치경로 /modules/editor/components/ap_template/templates/mh-zoom
자료적용 Yes

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>

TAG •

Who's 팔공산

profile

이 世上에서 現在가 가장 중요한 時間이며,
내가 만나고 있는 바로 그 사람이 第一 중요한 사람이며,
同時에 가장 중요한 것은 그 사람에게 善으로서 行하는 것이다.

Atachment
첨부 '2'
    댓글이 하나도 없네요ㅠㅠ
    자료가 도움이 되었다면 댓글과 평가 부탁합니다.
    자료에 대한 궁금한 점은 댓글로 남겨 주시면 성심껏 답변 드립니다.
?
Comment '0'

  1. 06
    Aug 2018
    21:56

    템플릿 컴포넌트 Slide기능 MH 템플릿

    MH 템플릿을 사용하고자 하면 윤삼님이 만든 탬플릿 컴포넌트가 먼저 설치 되어 있어야 합니다. 탬플릿 컴포넌트 제목 그대로 이미지 슬라이딩기능을 가진 템플릿입니다. .vui-slider { position:relative; overflow:hidden; background:transparent;} .vui-slider .vui-items { overflow:hidden; width:100%; height:100%;}...
    Category기타 Reply4 Views380 Votes5 file
    Read More
  2. 29
    Jul 2018
    23:08

    MH PopUp 위젯 - mh_appoint_popup

    MH 트렌스포머 PopUp위젯 V2.0 위젯은 대상 모듈을 지정해서 팝업을 열었다면 mh_appoint_popup 위젯은 대상문서의 번호를 입력하면 팝업으로 출력됩니다. 아무래도 전체 모듈을 지정하는 것 보다 특정 문서를 지정하여 팝업창으로 출력하는 것이 더 유용한 것 같군요. [특징] 1. MH 트렌스포머 PopUp위젯과 두개의 팝업을 ...
    Category위젯 Reply0 Views103 Votes0 file
    Read More
  3. 20
    Jul 2018
    00:43

    MH 이미지 Hover 위젯의 Skin추가 - Zoom스킨

    썸네일 마우스 Over시 제목, 내용등 출력 위젯 V2.1 위의 위젯에 skin하나를 추가합니다. 이름하여 Zoom스킨 입니다. 썸네일안에서 마우스를 이동시 확대된 전체 이미지가 이리저리 보입니다. 적용된 링크에 접속해 보시면 확실히 알 수 있을 것입니다. http://moonhouse.co.kr/xe/special [기본 상태] [마우스 오버시]
    Category위젯 Reply0 Views90 Votes0 file
    Read More
  4. 19
    Jul 2018
    00:04

    템플릿 컴포넌트 Zoom기능 MH 템플릿

    MH 템플릿을 사용하고자 하면 윤삼님이 만든 탬플릿 컴포넌트가 먼저 설치 되어 있어야 합니다. 탬플릿 컴포넌트 아래목록에 있는 "MH 템플릿5종"과는 달리 약간의 설명이 필요하여 따로 글을 작성합니다. - MH-Zoom 템플릿 mh-zoom.zip .zoom-section{clear:both;margin-top:20px;} .zoom-small-image{border:4px solid #CC...
    Category기타 Reply0 Views89 Votes0 file
    Read More
  5. 07
    Jul 2018
    13:40

    템플릿 컴포넌트 "MH 템플릿" 5종

    MH 템플릿을 사용하고자 하면 윤삼님이 만든 탬플릿 컴포넌트가 먼저 설치 되어 있어야 합니다. 탬플릿 컴포넌트 문하우스에서 만든 템플릿 -포스트잇 mh-postit.zip #stickynote { width:350px; padding:50px; margin:auto; position:relative; background-color:#fe6; background:-webkit-gradient(linear, 0% 0%, 0% 100%...
    Category기타 Reply0 Views92 Votes0 file
    Read More
  6. 22
    Feb 2018
    23:52

    MH 슬라이딩 타일 V1.2

    예전에 만들었던 MH 슬라이딩 배너 위젯과 썸네일 마우스 Hover시 제목, 내용등 출력 위젯을 혼합해서 MH슬라이딩 타일 위젯을 만들었습니다. [V1.2 수정 사항] - 익스플로러에서 마우스오버시 타이틀과 내용글 나타나지 않는 문제점 수정1) 지정한 갯수의 썸네일이 좌로 이동하면서 출력되며 각 썸네일에 마우스 Hover시 제...
    Category위젯 Reply1 Views274 Votes5 file
    Read More
  7. 27
    Jan 2018
    16:04

    문하우스의 라이믹스 업데이트 여정

    XETOWN을 알고 라이믹스를 알게 되었고 기본 XE보다는 좋아보이고 괜히 최신을 따라해 보고 싶어서 라이믹스를 지원하는 무료 호스팅에도 설치해 보고 컴에도 한동안 설치 하지 않았던 서버 프로그램 까지 설치해서 테스트 해본 결과 자신이 있어서 설치 할려고 보니 응! 우비 웹호스팅이 라이믹스의 PHP버전을 따라 가지 못...
    CategoryTip Reply0 Views160 Votes0 file
    Read More
  8. 04
    Nov 2017
    11:51

    썸네일 마우스 Over시 제목, 내용등 출력 위젯 V2.1

    V1.0 에서 스킨과 코드 업데이트를 했습니다. http://moonhouse.co.kr/xe/402555 [업그레이드 V2.1 내용] 1. 말풍선(툴팁)애드온과의 콜라보네이션 추가 2. zoom스킨에도 직접연결 적용가능 [업그레이드 V2.0 내용] 1. 스킨이 2개 추가되어 총3종류의 hover위젯이 되었습니다. - Slide스킨 : 왼쪽이 마우스hover시 상태, 오...
    Category위젯 Reply2 Views171 Votes5 file
    Read More
  9. 03
    Nov 2017
    21:41

    MH 위젯스타일 V2.2

    http://moonhouse.co.kr/xe/397195 예전의 V1.0 에서 문제된 코드 수정과 색상 업데이트를 했습니다. [V2.2 업데이트 내용] - 색상지정스타일 선택시 색상 그라데이션 적용 (참조사이트 http://www.cssbuttongenerator.com) - url지정시 책갈피 클릭가능 - 폰트어썸 웹폰트와 함게 사용 [V2.1 업데이트 내용] - 책갈피부분 5...
    Category기타 Reply0 Views143 Votes0 file
    Read More
  10. 11
    Oct 2017
    23:36

    탭 형태 최근 문서 출력 3가지 스킨

    XE 초기에 나왔던 위젯인 tab_newest_document 입니다. Zero님이 만드신 기본스킨 "xe_official"만 있었는데 Uyano님이 만드신 "탭 최근글 출력 스킨"과 누가 만든지는 모르겠지만 "탭 형태 최근 이미지 출력" 이렇게 2가지스킨이 추가된 위젯을 올립니다. XE가 많은 버전업이 되었고 라이믹스도 나왔지만 잘 작동하고 필요...
    Category위젯 Reply0 Views170 Votes0 file
    Read More
목록
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 18 Next
/ 18
위로
서버에 요청 중입니다. 잠시만 기다려 주십시오...