나의 RM

문하우스 프로그램들은 폰트어썸과 Sexy Button 그리고 말풍선(툴팁) 애드온들이 자주 사용됩니다.
Web Fonts Addon / 말풍선(툴팁) 애드온 을 설치해서 폰트어썸과 Sexy Button / 말풍선(툴팁) 애드온을 활성화 시켜야 아이콘과 버턴들이 정상적으로 출력됩니다.
페이지 기능을 지원하는 Widgets의 경우는 "위젯 케시를 0" 으로 두어야 정상 작동합니다.
기타 > 에디터 컴포넌트
2026.07.07 19:57

비교 슬라이더 MH Before/After

팔공산
조회 수 186 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

이전 다음 위로 아래로 인쇄 첨부 목록
?

단축키

Prev이전 문서

Next다음 문서

이전 다음 위로 아래로 인쇄 첨부 목록
버전 첨부파일 등록일 파일크기 다운 수
1.1 mh_before V1.1.zip 2026.07.21 10.8KB 1
1.0 mh_before V1.0.zip 2026.07.07 13.4KB 3
Total 다운로드 4
Extra Form
적용된 링크 https://moonhouse.co.kr/xemy/604001
깃허브주소 https://github.com/moonhouse-80san/mh_before-Box
설치경로 ./modules/editor/components/mh_before
자료적용 Yes
자체평가 9

템플릿 컴포넌트 이미지 비교기능 MH 템플릿

A.I의 힘을 빌려서 에디터 컴포넌트로 만들었습니다.

두 장의 이미지를 슬라이더로 겹쳐서 보여주는 Before/After 비교 슬라이더 에디터 컴포넌트입니다.

 

Ver 1.1 - 2026.07.21최신개선
• 개선Url 추가 — 이미지 업로드와 더불어 이미지의 Url 만 추가해도 됩니다.

image.png

 

다운받은 파일 압축을 풀어서 mh_before 폴더를 ./modules/editor/components/mh_before 에 업로더하고

관리자 설정 에디터에서 항목 체크해 주면 됩니다.

 

그럼 게시판 글쓰기 항목에 "Before/After" 추가됩니다.

2026-07-07 19 54 04.jpg

image.png

몬세라토
몬세라토
Photoshop으로 하늘을 바꾸어 보았습니다.
Photoshop으로 하늘을 바꾸어 보았습니다.

이 자료의 평점 (참여 : 0 / 총 점수 : ) 평균 평점 : ★ ★ ★ ★ ★ 0.0점
#연관글
  1. 나의 RM 탭 형태의 콘텐츠 박스 MH Tab [2026-07-16]
  2. 나의 RM 이미지 슬라이드 MH Slide [2026-07-09]
  3. 나의 RM 이미지 확대 MH Zoom [2026-07-03]
  4. 나의 RM 접기/펼치기 박스 MH Folding Box [2026-06-24]
  5. 나의 RM 글 상자 작성 Text Box [2025-04-02]
이 자료의 평점 (참여 : 0 / 총 점수 : ) 평균 평점 : ★ ★ ★ ★ ★ 0.0점
TAG •

Who's 팔공산

profile

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

0 좋아요
목록
Facebook Twitter Pinterest Band KakaoStory Kakao
위로 아래로 인쇄 첨부 목록
✔ 이 글 평점 주기
★★★★★
5점
에디터 선택하기
?
스티커
에디터 사용하기 닫기
스티커

Rx Data Of MoonHouse

  1. 16
    Jul 2026
    12:56

    탭 형태의 콘텐츠 박스 MH Tab

    에디터에서 탭(책갈피) 형태의 콘텐츠 박스를 만드는 에디터 컴포넌트입니다. 탭 제목과 HTML 내용, 선택/비선택 탭 색상, 탭 순서, 제목/내용 폰트 크기와 색상을 지정할 수 있습니다. Mh Tab 특징Pop Up View버전 정보 다운받은 파일 압축을 풀어서 mh_tab ...
    Category :에디터 컴포넌트 Views159 Down 5 Sample
    Read More
  2. 09
    Jul 2026
    13:18

    이미지 슬라이드 MH Slide

    업로드한 이미지로 다양한 전환효과의 슬라이드쇼를 만드는 에디터 컴포넌트입니다. Ver 1.2 - 2026.07.27최신버그수정 • 버그수정파일 삭제 — PopUp 에서 이미지만 추가 시의 파일들이 게시글 삭제 시 파일들 삭제가 안되던 버그 수정 Ver 1.1 - 2026.07.12버...
    Category :에디터 컴포넌트 Views232 Down 5 Sample 평점 : 5.0
    Read More
  4. 07
    Jul 2026
    19:57

    비교 슬라이더 MH Before/After

    템플릿 컴포넌트 이미지 비교기능 MH 템플릿 A.I의 힘을 빌려서 에디터 컴포넌트로 만들었습니다. 두 장의 이미지를 슬라이더로 겹쳐서 보여주는 Before/After 비교 슬라이더 에디터 컴포넌트입니다. Ver 1.1 - 2026.07.21최신개선 • 개선Url 추가 — 이미지 업...
    Category :에디터 컴포넌트 Views186 Down 4 Sample
    Read More
  5. 03
    Jul 2026
    18:40

    이미지 확대 MH Zoom

    템플릿 컴포넌트 Zoom기능 MH 템플릿 A.I의 힘을 빌려서 에디터 컴포넌트로 만들었습니다. 이미지에 마우스를 올리면 옆(또는 지정한 위치)에 확대된 모습을 보여주는 에디터 컴포넌트입니다. 다운받은 파일 압축을 풀어서 mh_zoom 폴더를 ./modules/editor/co...
    Category :에디터 컴포넌트 Views221 Down 3 Sample
    Read More
  6. 24
    Jun 2026
    23:21

    접기/펼치기 박스 MH Folding Box

    템플릿 컴포넌트 폴딩 MH 템플릿 을 만들고 뭔가 아쉬움이 남아서 직접 에디터 컴포넌트로 만들어 보았습니다. • 기본 html과 css, 최종 마무리는 제가 했고, 90%는 Claude AI가 제작했습니다. Ver 0.6 - 2026.07.17최신개선 • 개선내용 폰트 색상 — 박스안 내...
    Category :에디터 컴포넌트 Views229 Down 13
    Read More
  7. 02
    Apr 2025
    11:35

    글 상자 작성 Text Box

    예전 XE시절에 사용하던 "글 상자 작성 Text Box" 에디터 컴포넌트를 약간의 기능을 추가하여 올립니다. XE공식 자료실에서 찾아보니 라이선스가 GPL v2 라 이렇게 올려도 별 문제가 없을 것 같네요. 2009년에 만들어 졌지만 지금 사용해도 괜찮은 기능을 가지...
    Category :에디터 컴포넌트 Views1,986 Down 6 평점 : 5.0
    Read More
QR 이미지
목록
태그
Board Pagination Prev 1 Next
/ 1