애니빌드.LAB
토론방
소스관련 모달갤러리(매직갤러리4) 리스트에서 내용보기 링크 잡는 법 문의
- &**bsp;muje
- 2018-10-25 16:27:34
- hit3285
- http://lab.anybuild.co.kr/bbs/qna/7067
모달갤러리(매직갤러리4) 리스트에서 이미지를 클릭하면, 모달로 뜨는데요.
+ 버튼 옆에 내용보기버튼(눈모양아이콘 fa-eye) 를 넣고 내용보기로 넘어갔으면 하는데요. 방법좀 알려주세요.
이 방법이 어렵다면 이미지 밑에 span으로 내용보기 하나 넣어야할까요? 모바일에서 어떻게 보일지 모르겠네요.
결론적으로는 내용보기가 없는 모달게시판의 리스트에서 내용으로 넘기는 방법이 필요합니다.
이번에도 고마운 조언 부탁드릴께요~
고맙습니다.
게시글 공유
URL복사
댓글작성
열기 닫기
열기 닫기
1. 먼저 + 누를때만 모달이 뜨도록 수정해야 합니다.
1.1 <a> 부분을 <div> 로 변경합니다.
1.2 <span class="more"> 부분을 클릭 모달이 동작하도록 수정합니다.
2. 내용보기 버튼을 추가합니다.
2.1 <span class="more"> 아래에 more 와 비슷한 형식으로 눈모양아이콘을 추가합니다.
2.2 해당 버튼 클릭시 페이지가 이동하도록 추가합니다.
onclick="location.href='{$v[read_url]}'
- 다음 소스를 참고하여 수정해주세요.
<ul class="magic-list">
<li class="magic-item" loop="$myboard_mylist_row as $k => $v">
<a href="#" data-src="{$v[s_v2_url]}" data-idx="img{$k}" class="play_img">
1.1 전체 크기로 링크가 걸린 부분을 <div> 로 변경합니다.
<figure><img src="{$v[s_v2_url]}" alt="{$v[s_v1]}" cond="$v[s_v2_url]"></figure>
<div>
<span>
<span class="subject" cond="$v[s_v1]">{$v[s_v1]} <img src="/img_up/tmp_img/service/board_tpl/8/pc/img/ico_secret.png" height="12" alt="secret" cond="$v[secret]"></span>
<span class="cont" cond="$v[s_v3]">{$v[s_v3]}</span>
<span class="more"><i>{$myboard_lan1}</i></span>
1.2 해당 부분 클릭시 모달이 동작하도록 수정합니다.
2 이 위치에 내용보기버튼 및 링크를 추가합니다.
</span>
</div>
</a>
</li>
<li class="empty" cond="!count($myboard_mylist_row)" data-lan="kr">등록된 데이터가 없습니다.</li>
</ul>