토론방

소스관련 모달갤러리(매직갤러리4) 리스트에서 내용보기 링크 잡는 법 문의

 

모달갤러리(매직갤러리4) 리스트에서 이미지를 클릭하면, 모달로 뜨는데요.

+ 버튼 옆에 내용보기버튼(눈모양아이콘 fa-eye) 를 넣고 내용보기로 넘어갔으면 하는데요. 방법좀 알려주세요.

이 방법이 어렵다면 이미지 밑에 span으로 내용보기 하나 넣어야할까요? 모바일에서 어떻게 보일지 모르겠네요.

 

결론적으로는 내용보기가 없는 모달게시판의 리스트에서 내용으로 넘기는 방법이 필요합니다. 

이번에도 고마운 조언 부탁드릴께요~

 

고맙습니다. 

 

 

게시글 공유 URL복사
댓글[1]

열기 닫기

  • 이**우 2018-10-26

    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>

댓글작성

열기 닫기

댓글작성
top