CMS솔루션마켓, 이온디 - 워드프레스, 라이믹스, 카페24, 그누보드, 엑셀

고객센터

너무 귀찮지만-_-; 까먹을 거 같아서 글 남겨놓습니다. 


레이아웃의 상단 배경띠 그림과, 게시물 본문 진입시 해당 위치에 본문에 삽입한 이미지를 출력하는 방법입니다.

이럴 경우 레이아웃 상단이 사실은 게시판 스킨 영역이어야겠죠. 혹은 jquery를 이용해서 해당 이미지의 url을 프론트 단에서 바꿔치기 하는 방법으로 가능합니다.


게시판 글보기 파일(view.html)

<block loop="$oDocument->getUploadedFiles()=>$key,$file" cond="$oDocument->hasUploadedFiles()">
    <!--@if($file->source_filename=='bg-request.jpg')-->
    {@
    $bg = $file->download_url;
    }
    <!--@end-->
</block>
<div class="subtitle-wrap portfolio" style="background-image: url('{$bg}')"|cond="$bg">
</div>
<div class="pf-view-wrap">
    <div class="header">
        <div class="title">{$oDocument->getTitle()}</div>
    </div>
    <div class="contents">
        {$oDocument->getContent(false)}
    </div>
</div>
<a cond="$oDocument->isEditable()" class="btn" href="{getUrl('act','dispBoardWrite','document_srl',$oDocument->document_srl,'comment_srl','')}">{$lang->cmd_modify}</a>
<a cond="$oDocument->isEditable()" class="btn" href="{getUrl('act','dispBoardDelete','document_srl',$oDocument->document_srl,'comment_srl','')}">{$lang->cmd_delete}</a>
<a href="{getUrl('document_srl','')}" class="btn">{$lang->cmd_list}</a>


방법은 아래와 같습니다.


1. 글보기 파일에서 특정파일명으로 된 첨부파일 가져오기

<block loop="$oDocument->getUploadedFiles()=>$key,$file" cond="$oDocument->hasUploadedFiles()">
    <!--@if($file->source_filename=='bg-request.jpg')-->
    {@
    $bg = $file->download_url;
    }
    <!--@end-->
</block>


2. 해당 위치에 1에서 가져온 이미지를 뿌려주기

<div class="subtitle-wrap portfolio" style="background-image: url('{$bg}')"|cond="$bg">


간단하쥬?


첨부파일이 있는 경우에 첨부파일을 loop 돌린 뒤에, 파일명이 bg-request.jpg인 파일이 있을 때, 해당 이미지의 url을 {$bg} 라는 변수에 담아줍니다.

그리고 원하는 곳에 이미지의 url이 담긴 해당 이미지변수를 style="background-image: url("주소");"로 뿌려주는 방법입니다.