나의 RM

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

MH 슬라이딩 타일 V1.2.1

팔공산
조회 수 1,839 추천 수 5 댓글 4
?

단축키

Prev이전 문서

Next다음 문서

이전 다음 위로 아래로 댓글로 가기 인쇄 첨부 목록
?

단축키

Prev이전 문서

Next다음 문서

이전 다음 위로 아래로 댓글로 가기 인쇄 첨부 목록
버전 첨부파일 등록일 파일크기 다운 수
1.2.1 mh_sliding_tile V1.2.1.zip 2019.03.23 15.3KB 13
Extra Form
적용된 링크 https://moonhouse.co.kr/special
설치경로 /widgets/mh_sliding_tile
자료적용 Yes
자체평가 10

예전에 만들었던 MH 슬라이딩 배너 위젯과 썸네일 마우스 Hover시 제목, 내용등 출력 위젯을 혼합해서

MH슬라이딩 타일 위젯을 만들었습니다.

 

[V1.2 수정 사항]

- 익스플로러에서 마우스오버시 타이틀과 내용글 나타나지 않는 문제점 수정1) 

 

지정한 갯수의 썸네일이 좌로 이동하면서 출력되며 각 썸네일에 마우스 Hover시 제목, 날짜, 글쓴이, 내용들을 나타나게 할 수 있으며, 확장변수를 이용해서 다이렉트Url 설정도 가능합니다.

 

img_001.jpg

 

다이랙트url설정은 해당게시판의 "설정"에서 "사용자 정의" 항목을 추가하면서 "사용자 정의 이름"을 d_url로 생성해 주어야 작동합니다.

img_002.jpg

 

다이랙트url 마우스Hover시 아래 출력되는 내용은 말풍선(툴팁) 애드온을 위젯에 적용했습니다.

 

https://moonhouse.co.kr/special 적용된 링크의 상단에 위치한 위젯입니다. 

각주

  1. 구글 크롬만 사용해서 몰랐음 ㅠㅠ

 

이 자료의 평점 (참여 : 0 / 총 점수 : ) 평균 평점 : ★ ★ ★ ★ ★ 0.0점
#연관글
  1. 나의 RM MH Tab Slide 위젯 V1.1 [2025-02-06]
  2. RM 팁 위젯에 확장변수에서 체크된 해당 글 리스트 불러오기 2탄 [2025-03-11]
  3. RM 팁 랭킹 순서 위젯 만들기 [2025-02-19]
  4. 나의 RM 확장변수 선택지별 출력 위젯 [2025-02-03]
  5. RM 팁 위젯에 확장변수에서 체크된 해당 글 리스트 불러오기 1탄 [2024-12-29]
이 자료의 평점 (참여 : 0 / 총 점수 : ) 평균 평점 : ★ ★ ★ ★ ★ 0.0점
TAG •

Who's 팔공산

profile

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

5 좋아요
추천인
Atachment
첨부
목록
Facebook Twitter Pinterest Band KakaoStory Kakao
위로 아래로 댓글로 가기 인쇄 첨부 목록
✔ 이 글 평점 주기
★★★★★
5점
에디터 선택하기
?
스티커
에디터 사용하기 닫기
스티커
Comments '4'
  • Mandelvrot 2018.06.14 15:43
    딱 찾고있던 위젯인데 정말 감사합니다~ ^^
    댓글
  • 윤충기 2020.07.25 01:15
    팔공산님~ 이 위젯을 후원업체 배너로 활용하고 싶은데 사용자정의 (d_url) 생성하여 홈페이지 주소를 넣어도 해당 게시물로 이동하는데 왜그런걸까요? 라이믹스 최신버전1.9.9.8 php7.3 환경입니다. 아니면 설정에 문제가 있는지 모르겠습니다.
    시간되신다면 검토 부탁드리겠습니다.

    <img class="zbxe_widget_output" widget="mh_sliding_tile" skin="default" widget_cache="0m" module_srls="350" display_location="center" thumbnail_type="crop" radius_size="1" shuffling="false" mouseoverstop="true" thumbnail_width="200" thumbnail_height="80" shown_image_num="5" flowing_images_num="6" sliding_effect="easeOutQuad" mouse_wheel="true" border_color="#f3f3f3" title_visibility="false" display_regdate="false" display_author="false" display_summary="N" d_home="Y" d_home_target="N" d_home_text="바로가기" tooltip_color="black" tooltip_location="top" />
    댓글
  • profile
    팔공산 2020.07.25 01:45 글쓴이

    윤충기 님에게 달린 댓글

    다이랙트url 설정은 배너클릭시 확장변수url로 이동하는 것이 아니라 우측하단에 문구를 클릭해야 이동합니다.
    배너클릭시는 게시물로 이동합니다. 배너클릭시 확장변수url로 이동하게 만들려면 위젯코드를 수정해야 합니다.

     

    테스트는 안해 봤는데 아래와 같이 수정하시면 될 듯합니다.

     

    <div class="tile" onclick="location.href='{getUrl('','document_srl',$oDocument->document_srl)}';"> 부분을

    <div class="tile" onclick="location.href='{$oDocument->getExtraEidValue('d_url')}';">로 바꾸어 보세요.

    댓글
  • 윤충기 2020.07.27 08:49

    팔공산 님에게 달린 댓글

    네~ 바로 적용해 보았는데 너무 잘 됩니다.
    좋은자료 정말 감사합니다.
    댓글

Rx Data Of MoonHouse

  1. 29Jul
    by 팔공산
    2018/07/29 in 위젯
    Views 2326  Likes 0 Replies 2

    MH PopUp 위젯 - mh_appoint_popup V2.0(19.03.24) Sample

  2. 20Jul
    by 팔공산
    2018/07/20 in 위젯
    Views 624  Likes 0

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

  3. 19Jul
    by 팔공산
    2018/07/19 in 템플릿
    Views 970  Likes 0

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

  4. 07Jul
    by 팔공산
    2018/07/07 in 템플릿
    Views 1268  Likes 0 Replies 2

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

  5. 22Feb
    by 팔공산
    2018/02/22 in 위젯
    Views 1839  Likes 5 Replies 4

    MH 슬라이딩 타일 V1.2.1 Sample

  6. 27Jan
    by 팔공산
    2018/01/27 in Tip
    Views 1071  Likes 0

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

  7. 04Nov
    by 팔공산
    2017/11/04 in 위젯
    Views 1356  Likes 5 Replies 2

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

  8. 03Nov
    by 팔공산
    2017/11/03 in 위젯스타일
    Views 1021  Likes 0

    MH 위젯스타일 V2.2 Sample

  9. 11Oct
    by 팔공산
    2017/10/11 in 위젯
    Views 914  Likes 0

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

  10. 19Jun
    by 팔공산
    2017/06/19 in 레이아웃스킨
    Views 1368  Likes 0

    사이트선택 전용 레이아웃 V1.1 Sample

목록
태그
Board Pagination Prev 1 ... 4 5 6 7 8 9 10 11 12 13 ... 24 Next
/ 24