위젯

MH 슬라이딩 타일 V1.2.1

by 팔공산 posted Feb 22, 2018
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

이전 다음 위로 아래로 댓글로 가기 인쇄 목록
버전 첨부파일 등록일 파일크기 다운 수
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점
에디터 선택하기
?
스티커
에디터 사용하기 닫기
스티커
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

    팔공산 님에게 달린 댓글

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