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번으로 적용해야 됩니다.