techus qrcode
MEMBER LOGIN

  • Server : Sulinux 2.0
  • Apache/2.0.64 (unix)
  • PHP version 5.2.17
  • Mysql 5.0.92
  • 1차: ns1.techus.net (211.232.13.7)
  • 2차: ns2.techus.net (211.232.13.3)
  • 현재 네임서버 제공 안합니다.
  • 네임서버는 도메인관리업체에서
  • 제공하는 네임서버로 하시고
  • 레코드관리 A : 211.232.13.7 로
  • 설정 하세요.감사합니다.

DNS Powered by DNSEver.com
  • MySQL DB 연결설정 ( http://www.ausangel.org/bbs/

    MySQL DB 연결설정 ( http~

  • 게시글 글등록시 관리자 네이트온으로 알림

    게시글 글등록시 관~

  • 게시판 글등록시 관리자 마이피플로 알림

    게시판 글등록시 관~

  • 선생님 설명입니다..^^

    선생님 설명입니다..^~

  • 테크 모바일을 위한 크롬

    테크 모바일을 위한 ~

  • 3단CSS메뉴 플러그인(멋쟁이님 삽질 빌더용) ”

    3단CSS메뉴 플러그인(~

  1. 1. 뭇쏘 509,500
  2. 2. 아이케 268,835
  3. 3. 예랑맨 182,270
  4. 4. bluewolf 163,255
  5. 5. 청주산의 154,305
  6. 6. 이규하 148,225
  7. 7. 아이슬 119,730
  8. 8. 선장 112,365
  9. 9. 조나단 105,110
  10. 10. SDK 98,895
  1. 1. 청주산의 3340
  2. 2. 아이케 2823
  3. 3. 예랑맨 1611
  4. 4. SDK 1027
  5. 5. 이규하 951
  6. 6. 늑대소냐 726
  7. 7. bluewolf 495
  8. 8. 컴퓨터나라 385
  9. 9. 아이슬 345
  10. 10. 어우름 282
  1. jkwon ♂ 12/27
  2. angel ♂ 12/19
  3. isaac ♂ 5/26
  4. 랩퍼투혼 ♂ 11/24
  5. 노톨릭 ♂ 9/23
  6. wertetrrt ♀ 4/9
  7. 레드 ♂ 3/31
  8. medipara ♂ 3/11
  9. 밥통 ♂ 4/16
  10. 우짜맨 ♂ 1/16
테크노트 메인 » 테크노트 » 활용팁 » 본문에 이미지 & 사진설명(캡션) 넣기
 
추천:0 조회:17778

title 본문에 이미지 & 사진설명(캡션) 넣기 [3]

2011-10-25 (화) 09:05 예랑맨 (IP:122.xxx.152)
홈페이지
http://communis.kr
크게 작게
 



편집기에서 이미지를 첨부하는 edit_imgfile.php에서 그림파일을 업로드할 때 본문에 그림파일 설명글(캡션)을 넣으려고 할 경우
캡션 : <input type=text name=caption>
이라고 추가 작성했다면 입력값은 $caption 이니 이것을 본문삽입 태그 부분에 붙여 주면 됩니다.
 
edit_imgfile.php 102번째 줄 아래 $zoomtable_foot 부분을 보면 아래와 같습니다.
 
if($zoom==1){
$zoomtable_head="<table border=0 cellpadding=0 style='display:inline;' class=b_hidden_dotted cellspacing=0$imgwhich><tr><td align=center>";
$zoomtable_foot="</td></tr><tr><td align=center><img src='$CONFIG[img_url]/board/button/zoom.gif' onclick="window.open('$_SERVER[PHP_SELF]?command=openfull&srcURL=$edit_img_url','img_win','scrollbars=1,resizable=1,width=280,height=280')" style='cursor:pointer'></td></tr></table>";
unset($imgwhich);
}
 
이미지 아래 캡션을 넣을 경우 $zoomtable_foot에 caption을 추가하면 됩니다.
 
$zoomtable_foot="<BR>$caption</td></tr><tr><td align=center><img src='$CONFIG[img_url]/board/button/zoom.gif' onclick="window.open('$_SERVER[PHP_SELF]?command=openfull&srcURL=$edit_img_url','img_win','scrollbars=1,resizable=1,width=280,height=280')" style='cursor:pointer'></td></tr></table>";
 
그런데 이런 식으로 하니 캡션이 본문과 섞여 구별되기 어렵게 되고, zoom 버튼까지 보여 혼란스럽게 보이므로 사진과 설명 부분을 한 테이블로 엮어 주고 zoom버튼도 삭제하는 것이 좋습니다.
 
if($zoom==1){
$zoomtable_head="<table border=0 cellpadding=0 style='display:inline;' class=b_hidden_dotted cellspacing=0$imgwhich><tr><td align=left>";
$zoomtable_foot="<br>$caption<br></td></tr></table>";
   unset($imgwhich);
   }
 
caption 크기나 색을 넣을 경우에는 $caption 앞에 폰트나 스타일 태그를 활용하면 됩니다.
 
주의할 점은 이미지 아래에 캡션을 사용하려면 zoom버튼 옆의 확대버튼 삽입에 반드시 체크해야 적용됩니다.
이런 것을 잊지 않기 위해 원본의 'zoom버튼'과 옆의 '확대버튼 삽입' 글자를
'캡션버튼'과 '사진설명시 체크'로 바꿔 놓으면 캡션 사용시 잊지 않고 사용할 수 있습니다 ^^
 
아참, 먼저 edit_imgfile.php 맨 아래에 있는 다음 소스를

<tr><td class=left_td>ㆍZoom 버튼</td>
<td><input type=image src="<?=$CONFIG[img_url]?>/board/button/enter.gif" border=0 align=right>
<input type=checkbox name=zoom value='1' id='zbt'><label for='zbt'><font color='#888888'>확대버튼 삽입</font></label>
</td></tr>

아래 소스처럼 name=caption 으로 적용하셔야 캡션 명령이 실행됩니다.

<tr><td class=left_td>ㆍ캡션</td>
<td><input type=text name=caption value='사진설명' style='width:80; border:1px solid #777777;' onclick="NormalClick(this)"></td>
</tr>
<tr>
<td class=left_td>ㆍ캡션 버튼</td>
<td><input type=image src="<?=$CONFIG[img_url]?>/board/button/enter.gif" border=0 align=right>
<input type=checkbox name=zoom value='1' id='zbt'><label for='zbt'><font color='#888888'>사진설명시 체크</font></label>
</td></tr>

이렇게 한 후에 위의 설명처럼 하시면 될겁니다.
 
참고로 edit_imgfile.php 파일은 technote7/include/board/editsub 폴더 안에 있으며, 본팁은 관리자님, 부리부리님 등 테크노트에서 많은 도움을 받았습니다. 
 
미리보기 : http://communis.kr/technote7/board.php?board=captst&command=body&no=2
character
예랑맨
반갑습니다.
언제나 테커스와 함께...
댓글 3개

이름아이콘 청주산의

회원사진

좋은 팁입니다. 11.10.26 14:25

   

예랑맨
techus membership에도 있습니다 ^^ 11.10.29 09:32  

이름아이콘 컴퓨터나라

회원캐릭터

좋은데요. 생각중인 사이트를 만들려구하는데 이기능을 사용해야겠어요.
감사하니다. 오늘은 졸려서 내일해봐야겠네요. 그럼. 13.02.17 04:49

   

0/3500 secret 파일첨부
FILE #1 .
FILE #2 .
FILE #3 .
FILE #4 .
FILE #5 .
FILE #6 .
FILE #7 .
FILE #8 .
FILE #9 .
FILE #10 .
번호 카테고리 제목 글쓴이 날짜 조회
15 활용팁 글을 올리수있는곳은 여기박에 없네요 도운 주시기를 jkwon 01-28 (목) 4725
14 활용팁 욉패지 에서 Music anf video 동작안하고 있습니다 jkwon 01-05 (화) 5549
13 활용팁 조원징님 잘더녀 오셧습니까? [2] name icon 호주포탈 01-21 (수) 12597
12 활용팁 본문에 이미지 & 사진설명(캡션) 넣기 [2]+1 예랑맨 10-25 (화) 17778
11 활용팁 첨부 이미지 크기에 맞게 새창 띄우기 [1] 예랑맨 04-13 (수) 16360
10 활용팁 UTF-8로 설치했는데도 글자가 깨져 이상하게 나올 때 한방에 해.. [2] 예랑맨 01-27 (수) 13514
9 활용팁 유보드 최근글 최근댓글 간단 깔쌈 디자인 변경 ? [2]+1 Tellme 01-02 (토) 9343
8 활용팁 유보드 사이트 오른쪽 카테고리 상단 탭메뉴 구현 [5]+1 Tellme 01-02 (토) 9366
7 활용팁 유보드 라운딩 박스 [6]+1 Tellme 12-27 (일) 9449
6 활용팁 UBoard 네비게이션 [5]+1 Tellme 12-27 (일) 8859
5 활용팁 특정 게시판의 그룹회원관리의 방법 [5] name icon 멋쟁이냐 07-24 (금) 10203
4 활용팁 늑대소냐님의 달력 수정 - 투명 [3]+4 name icon bluewolf 07-17 (금) 8604
3 활용팁 달력 입니다..^^ [5]+2 name icon 늑대소냐 07-13 (월) 7452
2 활용팁 테크노트 공지창 체크박스에 기본으로 체크하기 [2] 관리자 06-11 (목) 7910
1 활용팁 EUC-KR 서버에서 UTF-8 버젼 서버로 옮기는 방법 [1] 청주산의 06-04 (목) 8634