첨부파일 https://imweb.eond.com/blog/441751

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


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

이럴 경우 레이아웃 상단이 사실은 게시판 스킨 영역이어야겠죠. 혹은 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("주소");"로 뿌려주는 방법입니다.


코멘트 0
접기/펴기 | 댓글 새로고침
 
 
Total 176 articles in 1 / 12 pages
번호 제목 제목 날짜날짜
176 [운영] 쉽게 만들어지는 홈페이지 2024/03/07
175 [운영] 작업이 끝이 안나는군요 ㅠㅠ 2023/12/15
174 [운영] 비밀글 이온디(Expert on-demand)는 전문가가 필요한 순간에 필요한 전문가를 즉시 제공하는 서비스입니다. 2023/04/15
173 [운영] openai, 이온디에 대해서 소개해줘 파일 2023/04/02
172 [운영] 오늘 퍼블리셔 면접 진행했습니다. - 디지털노마드의 삶 파일 2023/03/23
171 [운영] 새로운 글쓰기 UI 파일 2023/03/06
170 [모듈스킨작업기] XE게시판스킨 - 글보기 - 첨부파일 팝업 미리보기 2023/03/06
169 [XE기타] 비밀글 XE,라이믹스 무한스크롤 게시판 만드는 방법 2023/03/06
168 GPT for Sheets and Docs 2023/03/06
현재글 [XE기타] XE/라이믹스 게시판 게시물 본문마다 다른 배경이미지 삽입하는 방법 2021/11/19
166 [XE기타] XE 로마네스크 프로알라 에디터 하이라이트 설정 파일 2021/11/15
165 [웹] PHP 파일 첨부 메일 발송 코드 파일 2021/11/15
164 [게시판작업기] 블로그타입 글쓰기 스킨 작업 해봤습니다. ㅎ 파일 2020/05/16
163 [하드웨어/OS] Dell 노트북 OS 재설치 2020/02/08
162 [하드웨어/OS] dell notebook battery use count 2019/12/04

해시태그 디렉터리