[답사기흉내] view에서 원하는 갯수만큼 이미지 한줄로 보여주기 정보
[답사기흉내] view에서 원하는 갯수만큼 이미지 한줄로 보여주기본문
가변파일적용으로 파일등록의 갯수가 원하는 만큼 한 게시판에 등록할수 있는 장점을 이용해서
이런 팁택을 친구의 도움을 받아 한번 구현해 봤습니다.
[추가글]
개당 이미지의 폭을 '게시판관리'->'이미지폭넓이' 조정에서 설정이 가능한 이유로
아래 코멘트쪽에 추가 팁을 올립니다.
--------------------------------------------------------------------------------------------------------------------
- 갤러리 게시판 구현시 좋습니다.
- 여러개의 이미지 파일들을 등록시, 원하는 갯수만큼 한줄로 이미지 표시
- 이미지 클릭시 원본 크기로 보여줌
- 파일설명 변수 추가로, 파일등록시 이미지설명을 함께 첨부하면 이미지 아래 나타남.
--------------------------------------------------------------------------------------------------------------------
답사기 스킨을 유심히 보다가, 좀더 응용을 하면 스킨작업만으로도
답사기와 유사한 이미지 갤러리를 구현할수 있을거 같아서 생각해본 팁(?)입니다.
현재로써는 작은 이미지들을 여러개 올릴때 유용할듯 하며,
답사기 형태의 게시판 흉내낸 구현도 가능할듯 합니다.
[이미지 크기 조정] http://www.sir.co.kr/bbs/board.php?bo_table=g4_qa&wr_id=3121
먼저 보드스킨의 view.skin.php 를 열면 아래와 같은 파일출력 부분의 내용을
밑에 표시해둔 부분으로 수정하시면 됩니다.
<? ----------------------- 소스부분
// 파일 출력
/*
for ($i=0; $i<=count($view[file]); $i++) {
if ($view[file][$i][view])
echo $view[file][$i][view] . "<p>";
} */
------------------------------?>
---------- 여기서 부터 위내용을 아래처럼 수정 ------------------------------
// 수정된 부분
<?
$n = 5; // 한줄당 출력 이미지수 <-------------------- 한줄당 표시하고픈 이미지 갯수
$wid = (int)(1/$n*100);
echo "<table width='100%' cellpadding=3 cellspacing=0 border=0>";
echo "<tr>";
for ($i=0; $i<=count($view[file]); $i++) {
if (($view[file][$i][view]) && $i>0 && ($i%$n == 0)) {
echo "</tr><tr>";
}
if ($view[file][$i][view]) {
echo "<td width='${wid}%' align='center'>";
echo $view[file][$i][view];
echo "<br><br>". $view[file][$i][content]; // 이미지 설명글
}
}
// 부족한 <td> 갯수 맞추는 작업
if ((count($view[file])-1) % $n != 0) {
$td_cnt = $n - ((count($view[file])-1)%$n);
for ($t=0; $t<$td_cnt; $t++) {
echo "<td width='${wid}%'> </td>";
}
}
echo "</tr></table>";
echo "<p>";
?>
[추가작업]
2. '게시판관리' -> '파일설명'에 체크 (이러면, 이미지의 바로 아래 설명글이 나타남) 위 코드와는 별도로 게시판에서 개당이미지의 폭을 조정할수 있는 기본설정환경이 있어서
코드를 약간 수정해서 올립니다.
이런 팁택을 친구의 도움을 받아 한번 구현해 봤습니다.
[추가글]
개당 이미지의 폭을 '게시판관리'->'이미지폭넓이' 조정에서 설정이 가능한 이유로
아래 코멘트쪽에 추가 팁을 올립니다.
--------------------------------------------------------------------------------------------------------------------
- 갤러리 게시판 구현시 좋습니다.
- 여러개의 이미지 파일들을 등록시, 원하는 갯수만큼 한줄로 이미지 표시
- 이미지 클릭시 원본 크기로 보여줌
- 파일설명 변수 추가로, 파일등록시 이미지설명을 함께 첨부하면 이미지 아래 나타남.
--------------------------------------------------------------------------------------------------------------------
답사기 스킨을 유심히 보다가, 좀더 응용을 하면 스킨작업만으로도
답사기와 유사한 이미지 갤러리를 구현할수 있을거 같아서 생각해본 팁(?)입니다.
현재로써는 작은 이미지들을 여러개 올릴때 유용할듯 하며,
답사기 형태의 게시판 흉내낸 구현도 가능할듯 합니다.
[이미지 크기 조정] http://www.sir.co.kr/bbs/board.php?bo_table=g4_qa&wr_id=3121
먼저 보드스킨의 view.skin.php 를 열면 아래와 같은 파일출력 부분의 내용을
밑에 표시해둔 부분으로 수정하시면 됩니다.
<? ----------------------- 소스부분
// 파일 출력
/*
for ($i=0; $i<=count($view[file]); $i++) {
if ($view[file][$i][view])
echo $view[file][$i][view] . "<p>";
} */
------------------------------?>
---------- 여기서 부터 위내용을 아래처럼 수정 ------------------------------
// 수정된 부분
<?
$n = 5; // 한줄당 출력 이미지수 <-------------------- 한줄당 표시하고픈 이미지 갯수
$wid = (int)(1/$n*100);
echo "<table width='100%' cellpadding=3 cellspacing=0 border=0>";
echo "<tr>";
for ($i=0; $i<=count($view[file]); $i++) {
if (($view[file][$i][view]) && $i>0 && ($i%$n == 0)) {
echo "</tr><tr>";
}
if ($view[file][$i][view]) {
echo "<td width='${wid}%' align='center'>";
echo $view[file][$i][view];
echo "<br><br>". $view[file][$i][content]; // 이미지 설명글
}
}
// 부족한 <td> 갯수 맞추는 작업
if ((count($view[file])-1) % $n != 0) {
$td_cnt = $n - ((count($view[file])-1)%$n);
for ($t=0; $t<$td_cnt; $t++) {
echo "<td width='${wid}%'> </td>";
}
}
echo "</tr></table>";
echo "<p>";
?>
[추가작업]
2. '게시판관리' -> '파일설명'에 체크 (이러면, 이미지의 바로 아래 설명글이 나타남) 위 코드와는 별도로 게시판에서 개당이미지의 폭을 조정할수 있는 기본설정환경이 있어서
코드를 약간 수정해서 올립니다.
추천
0
0
댓글 9개
위 코드와는 별도로 게시판에서 개당이미지의 폭을 조정할수 있는 기본설정환경이 있어서
코드를 약간 수정해서 올립니다.
[내용은 위와 같으며, 한줄에 여러 이미지를 표시할경우,
'게시판관리' -> '이미지폭넓이'에서 개당 이미지의 폭을 임의로 설정해주시면 됩니다.
[수정된 코드내용]
<?
$n = 5; // 한줄당 출력 이미지수 <-------------------- 한줄당 표시하고픈 이미지 갯수
echo "<table width='100%' cellpadding=3 cellspacing=0 border=0>";
echo "<tr>";
for ($i=0; $i<=count($view[file]); $i++) {
if (($view[file][$i][view]) && $i>0 && ($i%$n == 0)) {
echo "</tr><tr>";
}
if ($view[file][$i][view]) {
echo "<td align='center'>";
echo $view[file][$i][view];
echo "<br><br>". $view[file][$i][content]; // 이미지 설명글
}
}
// 부족한 <td> 갯수 맞추는 작업
if ((count($view[file])-1) % $n != 0) {
$td_cnt = $n - ((count($view[file])-1)%$n);
for ($t=0; $t<$td_cnt; $t++) {
echo "<td> </td>";
}
}
echo "</tr></table>";
echo "<p>";
?>
[p.s; 추가작업내용]
1. 해당게시판의 '게시판관리' -> '이미지폭넓이'에서 개당 이미지의 폭을 설정
2. '게시판관리' -> '파일설명'에 체크 (이러면, 이미지의 바로 아래 설명글이 나타남)
코드를 약간 수정해서 올립니다.
[내용은 위와 같으며, 한줄에 여러 이미지를 표시할경우,
'게시판관리' -> '이미지폭넓이'에서 개당 이미지의 폭을 임의로 설정해주시면 됩니다.
[수정된 코드내용]
<?
$n = 5; // 한줄당 출력 이미지수 <-------------------- 한줄당 표시하고픈 이미지 갯수
echo "<table width='100%' cellpadding=3 cellspacing=0 border=0>";
echo "<tr>";
for ($i=0; $i<=count($view[file]); $i++) {
if (($view[file][$i][view]) && $i>0 && ($i%$n == 0)) {
echo "</tr><tr>";
}
if ($view[file][$i][view]) {
echo "<td align='center'>";
echo $view[file][$i][view];
echo "<br><br>". $view[file][$i][content]; // 이미지 설명글
}
}
// 부족한 <td> 갯수 맞추는 작업
if ((count($view[file])-1) % $n != 0) {
$td_cnt = $n - ((count($view[file])-1)%$n);
for ($t=0; $t<$td_cnt; $t++) {
echo "<td> </td>";
}
}
echo "</tr></table>";
echo "<p>";
?>
[p.s; 추가작업내용]
1. 해당게시판의 '게시판관리' -> '이미지폭넓이'에서 개당 이미지의 폭을 설정
2. '게시판관리' -> '파일설명'에 체크 (이러면, 이미지의 바로 아래 설명글이 나타남)

굿 아이디어.

갈수록 빠저들게 하는 팁들입니다....
감동...
감동...
이미지 크기 줄이는 방법까지 있는줄 미처 몰랐군요.
http://www.sir.co.kr/bbs/board.php?bo_table=g4_qa&wr_id=3121
http://www.sir.co.kr/bbs/board.php?bo_table=g4_qa&wr_id=3121
아주 좋아요.감사^^

스크랩합니다. 고맙습니다. ^^
감사합니다.
좋은 정보 감사합니다~~^^

감사합니다.