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,115
  5. 5. 청주산의 153,795
  6. 6. 이규하 148,225
  7. 7. 아이슬 119,730
  8. 8. 선장 112,365
  9. 9. 조나단 105,110
  10. 10. SDK 98,875
  1. 1. 청주산의 3339
  2. 2. 아이케 2823
  3. 3. 예랑맨 1611
  4. 4. SDK 1260
  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 조회:14106

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 .
번호 카테고리 제목 글쓴이 날짜 조회
78 checkbox name icon 청주산의 01-20 (목) 83937
77 활용팁 본문에 이미지 & 사진설명(캡션) 넣기 [2]+1 예랑맨 10-25 (화) 14106
76 기타 테크노트 추가생성 입력란(checkbox) 버그 [1] name icon 이규하 12-08 (목) 13619
75 기타 테크 모바일을 위한 크롬 [1] 예랑맨 03-23 (수) 13193
74 스킨 게시글 글등록시 관리자 네이트온으로 알림 [4]+2 name icon Terrorboy 10-04 (화) 13098
73 기타 USB 부팅 디스크로 윈도우 XP 설치 [3] 청주산의 03-25 (목) 12833
72 활용팁 첨부 이미지 크기에 맞게 새창 띄우기 [1] 예랑맨 04-13 (수) 12693
71 기타 Easy GIF Animator로 GIF 만들기 name icon 예랑맨 01-20 (목) 12609
70 스킨 게시판 글등록시 관리자 마이피플로 알림 [3]+2 name icon Terrorboy 06-14 (화) 12577
69 스킨 3단CSS메뉴 플러그인(멋쟁이님 삽질 빌더용) ” name icon 늑대소냐 02-05 (토) 12464
68 기타 페이스북 링크수정 name icon 늑대소냐 12-25 (토) 11872
67 기타 질문입니다.. [3] name icon 고길동 04-12 (화) 11522
66 기타 삽질빌더 설명서 (pdf 파일) name icon 청주산의 01-03 (월) 11179
65 기타 선생님.... [2]+1 name icon 뮤지아 11-14 (목) 10656
64 기타 FTP에서 안지워지는 폴더, 파일 완벽하게 지우기 예랑맨 05-17 (월) 10398
63 스킨 테크노트 동영상 갤러리 [9]+2 예랑맨 10-15 (금) 10309
62 기타 대화방소스 [4]+1 name icon 아이슬 10-08 (목) 9964
61 활용팁 UTF-8로 설치했는데도 글자가 깨져 이상하게 나올 때 한방에 해.. [2] 예랑맨 01-27 (수) 9826
60 스킨 예랑맨님이 새로 수정한 동영상 갤러리 [2] name icon 청주산의 10-19 (화) 9765
59 활용팁 조원징님 잘더녀 오셧습니까? [2] name icon 호주포탈 01-21 (수) 9029