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

XE/라이믹스 게시판 게시물 본문마다 다른 배경이미지 삽입하는 방법

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


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

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


Comment
There are currently 0 comments.
Leave a comment
  • Please write your nickname.

    Please write more than two.

    Required field.

    Failed.

  • Please write your password.

    For security reasons, please write your password more than 8 characters.

    Required field.

    Failed.

  • 이온디

openut.com 접속 오류

You do not have permission to view the content.

  • 이온디

  • 이온디

내가 나이가 들었을 땐 요양원에 가지 않겠다

You do not have permission to view the content.

  • 이온디

이행권고결정에 대한 이의신청서

You do not have permission to view the content.

  • 이온디