묻고답하기
메뉴 마다 다른 이미지 보여주기
2014.11.04 02:48
안녕하세요. 전에 여기서 한번 봤는데 아무리 찾아도 안보여서 질문올립니다.
첫번째 메뉴 에 따라서 서브 페이지 타이틀 이미지를 다르게 보여주는 방법을 아시는분 도움 요청 합니다.
<div style="background: url('../layouts/SubLayout/img/{$mid}.jpg') repeat scroll 0 0 / cover transparent;></div>
이렇게 하니 미드에 따라 이미지가 다르게 보여지긴 하는데 메뉴마다 똑같은 이미지를 여러개를 중복으로 만들어야 하네요.
1차메뉴 - 2차메뉴 - 3차 메뉴 이렇게 있는데요.
1차메뉴에서 보여지는 이미지가 2차 3차에도 똑같이 보여지게 하려면 어떤식으로 넣어야 할까요?
도움 부탁드립니다. 감사합니다.
댓글 5
-
YJSoft
2014.11.04 07:27
-
도토리맘
2014.11.13 03:11
안녕하세요. 답변 감사합니다. 1차 메뉴 loop 문을 카피 해서 했는데도 안나오는데 코드 좀 써주시면 안될까요..어떤 방식으로 써야 하는지..프로그램을 전혀 몰라요..제로보드 하도 오래써서 코드보고 어디다 써야 하는지 정도만 파악한 수준..
부탁드려요.
-
mindpainter
2014.11.13 11:27
다른 방법도 있겠지만 이렇게 해도 됩니다.
서브페이지에 해당하는 레이아웃스킨에 추가 합니다.
붉은색은 레이아웃마다 다르니 본인의 것으로 넣어주세요.
메뉴이름은 관리자에 입력된 메뉴이름 입니다.
<div loop="$global_menu->list=>$key1,$val1" cond="$val1['selected']">
<div cond="$val1['text'] == '첫번째 메뉴이름">1번 이미지</p><div cond="$val1['text'] == 두번째 메뉴이름">2번 이미지</p>
.
.
.
</div> -
도토리맘
2014.11.15 00:23
답글 감사합니다..
제가 능력이 부족해서 말씀하신 부분 궁리하다 넣어 봤는데 안되네요..
제가 구하고자 하는 방법이 나중에라도 많은 도움이 될까해해서 글을 올렸는데요..
다시 한번만 봐주시고 가능한지좀 알려주심 감사하겠습니다.
주메뉴- 프로덕트 종류 메뉴 - 프로덕트 타입 - 프로덕트 모델 이렇게 사차메뉴까지 연결이 되는 사이트에요.
제가 구하고자 하는 것은 주메뉴에 서브 헤더 이미지를 넣으면 그 밑으로 나오는 2차, 3차 4차 메뉴에도 똑같은 이미지가 나왔으면 하는건데..어려울까요..@@
<div style="background: url('../layouts/SubLayout/img/{$mid}.jpg') repeat scroll 0 0 / cover transparent;></div>
이 방식으로 하면 미드마다 똑같은 이미지를 여러개 만들어서 페이지 로딩할때 마다 똑같은 이미지가 계속 로딩 되어져야 해서요. 서브 헤더 이미지를 페이지마다 다 다르게 쓰면 이것도 하나의 방식인데 서브페이지마다 똑같은 헤더 이미지를 써야 하니까요..
제로보드는 어떻게 하는지 참 궁금하네요. 여기도 페이지마마다 다른 서브 헤더 이미지가 나오는데요..
도움 주실분들 정말 감사하게 생각하며 기다리겠습니다.
-
투씨
2014.11.15 02:50
<li loop="$GNB->list=>$key1,$val1" class="active"|cond="$val1['selected']"> <!--@if($val1['selected'])-->{@ $test_image="A"}<!--@end--> [메뉴관련코드] </li>
$GNB->list가 1차메뉴라는 가정하에 위처럼 루프문 안에 1차메뉴 선택시에만 동작하는 변수 하나 넣어주고나서
아래처럼 원하는 위치에 이미지를 넣어주면 됩니다.(여러 방법중 하나입니다.)
1차 메뉴가 여러개인 경우 각 1차메뉴별로 똑같은 방법으로 A값만 바꿔서 넣어주면 됩니다.
<!--@if($test_image=='A')--> [1차메뉴별 넣고싶은 이미지] <!--@end-->
1차메뉴 전부를 loop하시면서 선택된 1차메뉴 mid를 구하신뒤, 해당 mid값으로 이미지를 불러오면 됩니다.
1차메뉴 loop문은 레이아웃 메뉴부분에서 찾으실 수 있습니다.