메뉴 건너뛰기

MH

내 사랑치 않고 끝내는 것 보다 사랑해서 잃어 버리는 편이 좋다.

It is better to have loved and lost than to have never loved at all.

문하우스
2019.11.24 13:18

Html안에서 이미지 경로 설정 방법

조회 수 27 추천 수 0 댓글 0
Extra Form
원작자 80san
적용여부 적용

XE 나 라이믹스에서 레이아웃이나 위젯등의 코드를 짤때 이미지들을 배치할려면 보통 css안에다 소스를 넣습니다.

background:url(../img/no_image.gif) no-repeat 이런 코드로 생성하죠.

 

그런데 html안에 style이나 직접 이미지를 배치할려고 하면 ../img/no_image.gif  상대경로는 적용이 되지를 않습니다.

절대경로로 작성해야 됩니다. widgets/위젯명/skins/스킨명/img/no_image.gif

 

이미지가 하나 정도이면 위와 같이 작성해도 별 문제가 되지를 않지만 여기 저기 이미지들을 배치할려면 코드도 길어지고

수정시 전체를 찾아서 개별적으로 수정해야 하는 불편함이 있습니다.

이런 경우 2가지의 방법이 있습니다.

 

1. Html 상단에 변수설정

{@ $imgPath = "widgets/위젯명/skins/스킨명/img"}     

위의 변수선언 코드를 상단에 작성하고 각각의 이미지 배치 부분에 아래와 같이 적용하면 됩니다.

{$imgPath}/no_image.gif

 

2. XE의 경로설정 변수 적용하기

XE에는 스킨경로를 출력하는 변수인 {$tpl_path}를 사용할 수 있습니다.(간단합니다)

{$tpl_path}/img/no_image.gif

근데 해당 스킨안의 이미지가 아닌 경우는 1번으로 적용해야 됩니다.

Who's 팔공산

profile

이 世上에서 現在가 가장 중요한 時間이며,
내가 만나고 있는 바로 그 사람이 第一 중요한 사람이며,
同時에 가장 중요한 것은 그 사람에게 善으로서 行하는 것이다.

    댓글이 하나도 없네요ㅠㅠ
    Tip이 도움이 되었다면 댓글과 평가 부탁합니다. Tip에 대한 궁금한 점은 댓글로 남겨 주시면 성심껏 답변 드립니다.
?

List of Articles
번호 분류 제목 원작자 날짜 조회 수 적용여부
265 문하우스 마감일자 있는 게시판 내용을 위젯으로 출력해 보기 file 80san 2019.12.07 10 적용
264 XE타운 마감일자가 있는 성격의 게시물 제목에 자동으로 상태(종료, 오늘종료, 진행중 등등 ) 반영하기 팁 file 마트몬 2019.12.03 17 변형
» 문하우스 Html안에서 이미지 경로 설정 방법 80san 2019.11.24 27 적용
262 문하우스 로그인 회원만 파일 다운로드 되게 스케치북 게시판 수정방법 file 80san 2019.11.23 27 적용
261 문하우스 게시판 상단에 풀립형식으로 위젯이나 기타글 등록하는 방법 file 80san 2019.11.16 54 적용
260 문하우스 위젯에 닫기 버턴을 달아보자 file 80san 2019.11.08 44 적용
259 문하우스 레이아웃에 Elegant Accordion 갤러리 적용하는 방법 file 80san 2019.11.05 45 적용
258 XE타운 게시판목록 제목 뒤에 붙는 아이콘 제어하기 file 구름이 2019.10.23 53 적용
257 XE타운 사이트의 특정파일(이미지,동영상,압축파일)들을 타 사이트에서 링크 금지 시키는 방법 튜닝셀프 2019.10.19 54 적용
256 문하우스 "게시판 전체 검색 모듈"을 스케치북에 적용하는 방법 file 라르게덴 2019.10.15 45 변형
255 문하우스 Lightbox 적용 위젯에서 원본 파일 출력 file 80san 2019.09.22 71 적용
254 문하우스 에니메이션(-webkit-animation) 효과 쉽게 적용하는 방법 file 80san 2019.09.19 82 적용
253 Xe 위젯에 특정 카테고리글만 출력하기 file 앙띠2 2019.09.10 196 적용
252 문하우스 게시판으로 간단한 거래장부 만들기 file 80san 2019.03.27 242 NO
251 문하우스 호스팅 이전 하면서 /xe 떼고 SSL설치한 경험기 입니다. file 80san 2019.03.16 203 적용
250 문하우스 게시글보기 링크문구 바로가기 아이콘 출력 file 80san 2019.02.23 245 적용
249 문하우스 게시판 글쓰기시 Tag부분 출력 유무 설정방법 file 80san 2019.02.17 82 적용
248 문하우스 "드래그하여 페이지/문서 이동 애드온" 적용팁 5 file 80san 2019.02.14 569 적용
247 XE타운 XE 위젯을 반응형으로 적용하자 file 도토리묵 2018.12.31 204 변형
246 XE타운 댓글이 2줄 이상일 경우 접고 펴는 기능추가하기 file 이온디 2018.11.27 131 변형
목록
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 14 Next
/ 14

위로
서버에 요청 중입니다. 잠시만 기다려 주십시오...