묻고답하기
외부 페이지에서의 img 태그의 경로 문제.
2009.05.25 21:17
외부 페이지 사용시 경로 문제가 발생하고 있습니다.
예전 버전부터 있는데, 아직도 문제가 되고 있네요.
외부 페이지에서 js나 css를 위한 link, script 태그의 경우에는 제로보드의 경로를 기준으로 상대경로를 잡아나갑니다.
이 부분이야 조금 어색하긴해도(왜냐하면 외부 페이지가 들어있는 폴더를 제로보드 내부에 저장하지 않으므로) 로직이려니 사용하면 됩니다.
문제는 img태그에서 상대 경로가 엉망이 되어버립니다.
제로보드를 통해서 외부 페이지가 출력이 되면 img태그내의 경로가 file/cache의 하위로 변경이 됩니다.
덕분에 코드가 아주아주 지저분해지고 있습니다.
해결하신분? 있으신지요..
- [2021/02/26] 묻고답하기 외부페이지가 레이아웃을 완전히 벗어나 표시됩니다. *1
- [2015/07/03] 묻고답하기 로그인 연동이 되질 않습니다 ㅠ 읽어보시고 말씀 좀해주세요~ *2
- [2015/03/05] 묻고답하기 cache/lang이하에 파일이 생성될때 접속오류
- [2014/06/06] 묻고답하기 제로보드프로그램이 캐쉬를 않쓴다는 말이 맞나요? *7
- [2014/04/09] 묻고답하기 xe 에디터 외부페이지에서 사용할때 컨텐츠값 액션으로 넘기는 방법 문의
댓글 11
-
백성찬
2009.05.25 21:20
공개 가능한 페이지이면 외부페이지에서 불러오는 페이지 주소를 적어 보십시오. -
wannabewize
2009.05.25 21:37
리뉴얼 관계로 로컬에서 아파치와 mysql을 이용해서 돌리고 있습니다.
즉 html소스 코드에서 <img src="./images/a.jpg">가 <img src="~~~/files/cache/images/a.jpg"> 이런식으로 치환돼서 나옵니다.
특이하게도 css에 들어있는 background-img 의 경로는 제대로 나옵니다.
이 기능이 안된다고 꽁수야 없겠느냐마는.... 일단 올려봅니다.
-
백성찬
2009.05.25 21:43
웹 페이지 주소가 안보입니다. -
wannabewize
2009.05.25 22:03
임시로 테스팅용 페이지를 만들어서 올렸습니다. 관심있는 분이 있을 때, 해결하는게 좋겠지요.
http://ineedzine.com/xe_1.2.2/?mid=opage_test 에서 보실수 있습니다.
소스는 단순하게 짰습니다.
<h3>using img tag</h3>
<img src="../opage/images/temp.jpg" />
<h3>using type-background-image</h3>
<div style="background-image:url('../opage/images/temp.jpg'); width:306px; height:230px"></div>
-
백성찬
2009.05.25 22:06
외부 페이지 opage_test 에서 불러오는 페이지 주소를 적어주십시오. -
wannabewize
2009.05.25 22:12
폴더 구조입니다.
어드민 페이지에서 외부 페이지 설정 정보입니다.
결과 화면입니다. 하단부의 파이어버그 창을 보면 파일 경로가 files/cache/opage/(캐쉬 디렉토리)로 되어서 이미지 로딩이 안됩니다.
html 소스도 첨부했습니다.
-
백성찬
2009.05.25 22:16
적용해본 것입니다.
http://www.bek.me/?mid=ot
-
백성찬
2009.05.25 22:16
소스입니다. 되도록 유사하게 했습니다.
<h3>using img tag</h3>
<img src="../opage/images/temp1.jpg" />
<h3>using type-background-image</h3>
<div style="background-image:url('../opage/images/temp.jpg'); width:306px; height:230px"></div>
-
백성찬
2009.05.25 22:18
불려온 원 페이지 주소 입니다.
http://www.bek.me/t.htm
-
백성찬
2009.05.25 22:23
이미지 경로를 ../ 로 시작하면 ie에서 도메인 주소가 붙는 군요.
이미지 경로를 /로 시작하게 바꾸면 둘(ie, 파폭) 다 정상으로 나옵니다.
-
wannabewize
2009.05.25 22:29
감사합니다. 덕분에 원인을 찾았습니다.
<img src="../opage/images/temp.jpg"> 를 <img src="/opage/images/temp.jpg">로 수정했습니다.
웹호스팅 서버에의 "/"로 시작하는 경로와 로컬 웹서버에서의 "/"가 상이하게 동작하더군요.
로컬 웹서버에서 동작시 localhost/~user_account/site_name 에서 동작시키는데 이때 localhost/opage/images로 동작을 했었습니다.
호스팅 서버에서는 원하는대로 동작을 하는군요.
이제 다른 숙제가 남았군요.
테스팅 환경에서 "/"로 시작하는 경로를 맞춰야하는.. 아파치를 뒤져봐야할런지..
