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,510
  6. 6. 이규하 148,225
  7. 7. 아이슬 119,730
  8. 8. 선장 112,365
  9. 9. 조나단 105,110
  10. 10. SDK 98,925
  1. 1. 청주산의 3343
  2. 2. 아이케 2823
  3. 3. 예랑맨 1611
  4. 4. SDK 1028
  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 조회:22417

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 기타 r구글에 안올라가는 이유를 모르갯습니다 name icon jkwon 05-27 (목) 9537
77 기타 조선생님 오늘 ozangel.org 로 도매인 바꾸었습니다 jkwon 05-26 (수) 8610
76 기타 조원장님 홈패지를 NAVER 에 넣는방법 설명 부탁 jkwon 04-11 (일) 9764
75 기타 조선생님 거기는 봄이지요 ? 물론 여르도 가깝고 [1] jkwon 03-24 (수) 9987
74 기타 조선생님 이매일 확인 부탁드립니다 jkwon 02-27 (토) 10428
73 기타 Login 되내요 [1] jkwon 02-11 (목) 10065
72 활용팁 글을 올리수있는곳은 여기박에 없네요 도운 주시기를 jkwon 01-28 (목) 9436
71 웹스터디 MySQL DB 연결설정 ( http://www.ausangel.org/bbs/ jkwon 01-19 (화) 8386
70 기타 추운 겨울의 일요일 건강하시지요 [3] jkwon 01-10 (일) 11325
69 기타 http://ausangel.org/?nocache=1 도 문재로 안되는대 이유는 다음4과 같.. [5] jkwon 01-08 (금) 11961
68 기타 작용 http://ausangel.org/?nocache=1 jkwon 01-05 (화) 11061
67 기타 ausangel.org 자용중인대 문재점 jkwon 01-05 (화) 10684
66 기타 또 하나의 문재 " Filezila jkwon 01-05 (화) 10867
65 활용팁 욉패지 에서 Music anf video 동작안하고 있습니다 jkwon 01-05 (화) 11288
64 기타 1_main.htm 설정 에서 <? include "$this_skin/top_menu.php"; ?> [1] jkwon 01-04 (월) 10754
63 기타 1_main.htm 설정 jkwon 01-03 (일) 10779
62 기타 욉패지 자용합니다 jkwon 01-02 (토) 12295
61 기타 web page 문재점을 가르켜 주시기를바랍니다 jkwon 12-28 (월) 10658
60 기타 로그인에 패스워드가 잘못되서 다시 만들들엇음 [3] jkwon 12-27 (일) 10619
59 웹스터디 domain>com 의 name/server [1] name icon angel 12-22 (화) 7857