묻고답하기
한개의 레이아웃을 가지고 페이지가 달라지면 다른 그림을 보여주는 방법?
2009.04.22 20:28
XE Official 레이아웃을 이용해서 홈페이지를 제작하고 있습니다.
메뉴는 2차로 만들었구요.. 1차 메뉴를 선택하면 각각의 페이지로 이동한 다음, 그 페이지에서 왼쪽의 2차 메뉴를 선택해서 다시
각각의 게시판으로 진입하게 만들었는데..
1차 메뉴를 선택했을 때 보이는 페이지를 다른 부분은 모두 같은데, 그림 한 개를 서로 다르게 하려다보니, 각각의 페이지에 대해서
똑같은 레이아웃을 이름만 다르게 해서 또 만들어야 되더군요. (이건, 확신이 아니라 제가 다른 방법을 몰라서...)
이게 너무 불편한데..
1차 메뉴를 선택해서 페이지에 들어가면, 그 페이지의 이름이나 특정 값을 잡아채서 그 값에 따라 다른 그림을 보이게 하는 방법이
뭐 좋은게 없을까요?
바꾸고자 하는 그림은 왼쪽 하단의 녹색 그림입니다.
지금은 '새순 이야기', '사랑을 노래해', '소망의 창에서' 등의 1차 메뉴에 대해 똑같은 레이아웃을 이름만 다르게 해서 쓰고 있습니다.
저 그림이 만약 'CoulumRight'에 들어간다면 contents에서 처리해도 되는데, 'ColumLeft'에 넣을려다보니 제 마음대로 안되네요.
지금 제가 사용한 방식은 모든 레이아웃을 직접 편집해서 2차메뉴 출력 아랫부분에 <img src="...">의 형태로 해 두었습니다.
고수님들의 조언 부탁 드려요.
댓글 3
-
남극백곰
2009.04.22 21:52
-
웃는기차
2009.04.23 10:52
나름 간단합니다.
1차 메뉴의 id값만 알아내면 되겠네요. {$menu_1st['url']} 입니다.
예) <img src="/{$menu_1st['url']}.gif" alt="설명넣으시고" width="가로사이즈" height="세로사이즈">
이미지 넣으실 폴더를 만드시고 해당 id와 같은 이름의 이미지 파일을 만들어 올려두시고 (gif 또는 jpg)
원하는 레이아웃 위치에 코드 삽입하심 됩니다.
다른 방법들도 찾아보시면 있습니다.
-
남극백곰
2009.04.23 11:27
우와~ 웃는기차님 정말 정말 감사합니다~
덕분에 해결이 되었습니다. 자그마치 7개나 늘어놓았던 레이아웃을 한 번에 5개를 없앨 수 있게 되었습니다.
아주 잘 되네요. 너무 너무 너무 너무 감사하고 기뻐요~.
이것을 해결하기 위해 제가 테스트 한 방법을 적어보겠습니다.
1. 레이아웃 설정에 다음을 입력한다
<script language="JavaScript">
<!--
function img_out_auto(){
if (document.URL=="http://shanghaisaesun.net/zbxe/saesun_story")
{document.write("http://shanghaisaesun.net/images/left_sakgaeo.gif")};
}
-->
</script>
2. 레이아웃 편집에서 2차 메뉴 출력 바로 아랫 부분에 다음을 입력.
<script language="JavaScript">
javascript:img_out_auto();
</script>
<center><img src="javascript:img_out_auto();"></center>
3. 실행화면은 다음과 같습니다.
위 그림과 같이.. 엑박이 뜨는군요.
혹시 레이아웃 안에서는 자바스크립트가 실행될 수 없는지 테스트 하기 위해,
<script language="JavaScript">
javascript:img_out_auto();
</script>
이것도 같이 입력해서 테스트 했는데.. 이 부분에 대한 결과치는 엑박 바로 위에 잘 보이네요.
혹시 <center><img src="javascript:img_out_auto();"></center> 이런 식으로 쓰는 것이 문법에 어긋난 것일까요?
자바 스크립트 사용법을 잘 몰라서, 나름대로 이곳저곳 참고해서 만든 건데, 안되니 속상하네요.
고수님들.. 불쌍한 제게 도움의 손길을~!!!