보드 상단 배너를 만들었는데요...게시판마다 다른 이미지를 넣으려고 하는데 좋은 팁이 있을지?
관련링크
본문
여기저기 참고해서 아래와 같이 보드 상단에 이미지 배너를 만들었습니다.
샘플로 게시판 review01, review02 을 만들었는데요 스킨이 동일한 상태라~~
그림처럼 동일한 이미지가 나오는데요
각각 게시판 마다 다른 주요 review내용의 글을 노출하려고 하는데,
어떤 방식으로 하는것이 가장 심플할까요?
<style type="text/css">
.board_top_banner {width:100%; height:157px; border:1px #000; display: block; margin: auto; position:relative; background-color:#353535; text-align: center;}
</style>
<div class="board_top_banner" >
<table width="100%" height="153px">
<tr>
<td width="33.3333%" align="center">
<a href="<?php G5_URL?>/bbs/board.php?bo_table=review01&wr_id=21"><img src="<?php G5_URL?>/img/aa2.png" width=100% height="153"></a>
</td>
<td width="33.3333%" align="center">
<a href="<?php G5_URL?>/bbs/board.php?bo_table=review01&wr_id=12"><img src="<?php G5_URL?>/img/aa3.png" width=100% height="153"></a>
</td>
<td width="33.3333%" align="center">
<a href="<?php G5_URL?>/bbs/board.php?bo_table=review01&wr_id=20"><img src="<?php G5_URL?>/img/aa1.png" width=100% height="153"></a>
</td>
</tr>
</table>
</div>
<h2 id="container_title"><?php echo $board['bo_subject'] ?><span class="sound_only"> 목록</span></h2>
답변 4
<style type="text/css"> |
02 | .board_top_banner {width:100%; height:157px; border:1px #000; display: block; margin: auto; position:relative; background-color:#353535; text-align: center;} |
03 | </style> |
04 | |
<?php
$title_img = "aa2";
switch ($bo_table) {
case "review01":
$title_img = "aa2";
break;
case "review02":
$title_img = "aa3";
break;
case "review03":
$title_img = "aa1";
break;
}
?>
05 | <div class="board_top_banner" > |
06 | <table width="100%" height="153px"> |
07 | <tr> |
08 | <td width="33.3333%" align="center"> |
09 | <a href="<?php G5_URL?>/bbs/board.php?bo_table=<?=$bo_table?>&wr_id=21"><img src="<?php G5_URL?>/img/<?=$title_img?> |
10 | </td> |
그냥 각 게시판 '상단 내용'에 넣으면 됩니다.
예 : http://internationale.kr/bbs/board.php?bo_table=notice
이미지에 링크를 달아도 되겠지요.
프로그램으로 하실거면 이미지명을 게시판명.jpg(png,jpeg,gif) 등으로 하면 불러오기가 수월합니다.
<img src="<?php G5_URL?>/img/<?php echo $bo_table;?>.png" width=100% height="153">
이렇게 하면 이미지 알아서 바뀝니다
와 감사합니다.
