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 조회:18149

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 .
번호 카테고리 제목 글쓴이 날짜 조회
58 스킨 매일 쓸곳이없어 여기다 씁니다 name icon angel 12-20 (일) 4505
57 스킨    건강 하시죠? name icon 청주산의 12-20 (일) 3968
56 스킨       ausangel.org 등록 되었습니다 name icon angel 12-20 (일) 4432
55 스킨          Nameserver name icon angel 12-21 (월) 4394
54 스킨             네임서버 name icon 청주산의 12-21 (월) 3916
53 스킨       반갑습니다 name icon angel 12-20 (일) 4262
52 기타 조선생님 오랜만입니다 아녕하세요 name icon angel 12-19 (토) 4057
51 활용팁 조원징님 잘더녀 오셧습니까? [2] name icon 호주포탈 01-21 (수) 12987
50 기타 조원장님 안녕하세요 [1] hojuportal 12-10 (수) 11885
49 기타 선생님.... [2]+1 name icon 뮤지아 11-14 (목) 15419
48 기타 테크노트 추가생성 입력란(checkbox) 버그 [1] name icon 이규하 12-08 (목) 18422
47 활용팁 본문에 이미지 & 사진설명(캡션) 넣기 [2]+1 예랑맨 10-25 (화) 18149
46 스킨 게시글 글등록시 관리자 네이트온으로 알림 [4]+2 name icon Terrorboy 10-04 (화) 17894
45 스킨 게시판 글등록시 관리자 마이피플로 알림 [3]+2 name icon Terrorboy 06-14 (화) 17365
44 테크노트 중복로그인 방지 [3] name icon 청주산의 05-15 (일) 10180
43 기타 선생님 계정 초기화 하고 싶어요 [6]+7 house 05-13 (금) 39
42 기타 선생님 설명입니다..^^ [1] name icon 늑대소냐 05-07 (토) 7
41 기타 소니 name icon 청주산의 04-30 (토) 10
40 활용팁 첨부 이미지 크기에 맞게 새창 띄우기 [1] 예랑맨 04-13 (수) 16751
39 기타 질문입니다.. [3] name icon 고길동 04-12 (화) 15529