토론방

소스관련 이미지 리스트(타일형) 클릭하면 팝업뜨는 방법

 

인증서 관련해서 작게 리스트가 보여지는데

클릭하면 업로드한 이미지가 새창으로 뜰수있게 가능할까요?

 

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

열기 닫기

  • P**M 2017-11-10

    이미지 리스트 고급자용 소스 수정에 들어가시면

    <!--@if($v[url])-->
        <a href="{$v[url]}" target="{$v[target]}"|cond="$v[target]">
    <!--@end-->
        <figure><img src="{$v[img_url]}" alt="{$v[subject]}" cond="$v[img_url]"></figure>
        <div class="text_box" cond="$v[subject]||$v[content]">
            <p class="subject" cond="$v[subject]">{$v[subject]}</p>
            <p class="content" cond="$v[content]">{$v[content]}</p>
        </div>
    <!--@if($v[url])-->
        </a>
    <!--@end-->

    이 부분이 있는데요.

    이 부분을 일부 수정을 합니다. 

    아무래도 팝업이 좋을것 같으니

    http://manual.anybuild.co.kr/page/basic1_01a

    이 메뉴얼에서 팝업띄우는 소스를 활용을 합니다. 

     

    <!--@if($v[img_url])-->    
        <a href="javascript:popup_window('{$v[img_url]}',500,500)">
    <!--@end-->
        <figure><img src="{$v[img_url]}" alt="{$v[subject]}" cond="$v[img_url]"></figure>
        <div class="text_box" cond="$v[subject]||$v[content]">
            <p class="subject" cond="$v[subject]">{$v[subject]}</p>
            <p class="content" cond="$v[content]">{$v[content]}</p>
        </div>
    <!--@if($v[img_url])-->
        </a>
    <!--@end-->

    이렇게 변경을 하면 됩니다. 팝업 사이즈는 알아서 조절해주시기 바랍니다.

     

댓글작성

열기 닫기

댓글작성
top