메인 공지사항 기능소개 매뉴얼     TEST BOARD : [1]  [2]  [3]  [4]  [5]
내용없음9
내용없음10
      APPLICATION
무료 스킨.모듈

유료 스킨.모듈

활용 홈페이지

활용팁 공유

자료 공유

유틸리티

웹 스터디
제작자 리소스

최근 활용팁 공유 RANK
        -- update:30Min --


섬네일 크롭 기능...소스
 application
활용팁 공유
테크노트 사용에 관련된 노하우를 공유하는 게시판입니다.
홈페이지 작업/운용중에 알게 된 여러가지 활용팁을 올려 주세요.
나에겐 그저 습관일 뿐이던 것이 누군가에겐 엄청 큰 힘과 도구가 되는 경우가 많답니다.
자료등록시 적립되는 포인트는 200P 입니다.
     
  작성자 멋쟁이냐 ,   http://2kh.techus.net
  분 류 확장
  첨부#1 crop_v20100816_euckr.zip (38KB) (Down:775)
ㆍ조회: 13112  ㆍ추천: 40         
ㆍ작성일: 2010년 8월 16일 월요일
섬네일 크롭 기능...소스
테크노트 자체의 소스로는 섬네일 크롭 기능을 사용할 수 없었는데
이 소스를 적용 하시면 크롭 기능을 사용 하실 수 있습니다.
이미 만들어 사용하시고 계신분들이 많이 계실것으로 생각되지만......^^
중간중간 허접하더라도 애교로 봐주세요^
 
=================
예전에 관리자님의 답변을 참고하여 overflow:hidden 스타일을 주고 제한 이미지를 가려주는 답변을 한 적이 있는데요.
http://technote.co.kr/php/technote1/board.php?board=memberqna&command=body&no=18673
이번 소스는 이것이 아니라... 이미지의 중심을 기준으로 특정 크기로 잘라, 섬네일을 생성해 줍니다.
이 소스는 q빌더의 원본 소스를 이용해서 작성되었습니다.(참고)
=================
 
 
1. 설치(업로드)/파일내용
technote7/skin_board/스킨/b_script/main_script.js
technote7/skin_board/스킨/2_index.php
technote7/skin_board/스킨/insert_iboard1_home.php
technote7/include/openview/img_nail.php
 
2. 사용(설정)방법 / 설명
 
 1) 게시판 글 목록에서 섬네일(크롭) 생성,
  
 config_add900 을 생성하고 위와 같이 생성할 이미지의 가로/세로 사이즈를 지정해 줍니다.
 만약 config_add900 이 공란일 경우에는 기본 테크노트 방식의 섬네일이 생성되고
 보드설정 [4-19img_style] 글목록에 삽입되는 이미지 스타일 CSS 가 적용 됩니다.
 반대로 크롭기능을 사용했을 경우에는 보드설정 [4-19img_style] 의 스타일은 무시 됩니다.
 또, config_add900 에 가로(80/ ) , or 세로( /80) 의 값만 입력 되었을 경우 : 가로와 세로의 값은, 같은 값으로 섬네일(크롭)이 만들어 집니다.
 만약 숫자/숫자 값이 아닌 특정 문자가 있을 경우에는 140x140px 의 섬네일이 생성됩니다.
 *글목록에서 이 크롭소스 기능으로 만들어진 섬네일은 파일명 앞에 crop1_ 이라는 문자가 붙게 됩니다.
 
 2) 아이보드 파일에서 섬네일(크롭) 생성,
 첨부소스 insert_iboard1_home.php 파일에서
-------------------
 // 그림앨범 형태 설정셋트
  $Album_style_crop_set=array(
   TABLE_head_function  =>   "TABLE_head2",
   TD_function_set          =>   "TD_album2", # 첨부그림/
 ~~
   img_width           =>    "55",      // 섬네일 이미지 가로크기
   img_height          =>     "55",  // 섬네일 이미지 세로크기
   //크롭적용[20100816]
   img_crop            =>     "2", //크롭을 적용하려면 2를 대입
  );
-----------------------
위와 같이 img_crop => "2" 라는 값을 입력하여 img_width 값과 img_height 값으로 섬네일(크롭) 을 생성합니다.
글목록에서와 마찬가지로 가로 or 세로 값만 있을 경우에는 같은 값으로 섬네일이 생성되게 됩니다.
크롭을 적용하고(img_crop=>'2') 가로, 세로 크기를 지정하지 않았을 경우에는 140x140px 의 섬네일(크롭)이 생성됩니다.
*아이보드에서 생성되었을 경우에는 섬네일 파일명 앞에 crop2_ 라는 문자가 붙게 됩니다~
 
이 기능을 원본소스와 비교 하면서 응용할 수 있도록, 바뀐 소스에는 //크롭적용[20100816] 이라는 주석을 달아 놓았습니다. 검색으로 gogo ^^
 
궁금한사항은 http://2kh.techus.net 자유게시판 으로~~~
 
 
=============================
아래는 이 소스를 적용 했을때...섬네일 이미지 들입니다.  모두 100x100 으로 바꾸었습니다.
 
500x200
  
 
400x300
 
 
 
150x600
 
 
 
 
80x80
 
 
 
80x40
 
 
원본 이미지가 생성하려는 섬네일 크기보다 작을때는 적정 크기로 늘려서 만들어 집니다.....
       
늑대소냐
2010-08-16 17:21
회원사진
선택된 답변입니다.
와우~~
정말 감사합니다..
예전부터 이미지를 불러올때 파일 이곳 저곳 수정하느라  힘들었는데
너무 간편하게 만들어 주신것 같습니다..
잘 활용하겠습니다..
     
아이슬
2010-08-16 21:31
회원사진
선택된 답변입니다.
좋은기능감사합니다.
잘사용하겠습니다.
     
어우름
2010-08-16 23:02
선택된 답변입니다.
정말 활용가치 높은소스네요
감사합니다. 잘 사용할께요
     
아이케
2010-08-16 23:28
회원사진
헉!! 이걸 왜 이제봤지?
감사합니다!!! ^^
     
ll니캉내캉ll
2010-08-17 01:26
회원사진
허거걱~

이 소스, 하나의 게시판에서 다양한 사이즈의 섬네일을 사용할 수 있을거 같은데요?!
바로 적용해 봐야겠네요...

요즘 갑작스런 일들로 머리가 아팠었는데,
장마에 단비가 내린것마냥 너무 감사한 소스네요...

무지무지 감사히 잘 쓰겠습니다.... ^^*
     
청주산의
2010-08-17 08:52
멋진 소스인데 나도 이제야 보다니..
멋진 소스네요.
감사합니다...
     
네모
2010-08-17 10:46
헉 나도 찾았 습니다.
이것이 그렇게 찾았다던 그 파일 이네요.
.......
심바따~~~~~
감사 합니다.
     
그린라인
2010-08-17 11:00
회원사진
정말 좋은 소스입니다... 감사합니다.
     
어우름
2010-08-17 23:15
멋쟁이냐님........... 염치없지만 .....
ajax_imgarray.php 에서는 가능할까요?

왜 그런고 하면............. 어떤이들은 포토샵등으로 한장으로 여러장의 사진을 엮어서 올리기때문이랍니다.

멋쟁이냐 첨부된 iboard 나 2_index 파일과 마찬가지로 섬네일생성을 시키는...
TnT_thumbnail(this,'".base64_encode($img_path)."',0,0) 이 스크립트를
TnT_thumbnail(this,'".base64_encode($img_path)."','가로넓이','세로넓이','2')
이와 같이 사이즈를 넣어 주고,,, 마지막에 1또는 2를 넣어 '크롭을 하겠다'는 것을 추가로 넣어주시면됩니다.
그리고 이미지가 출력되는 부분<img src=~>에 crop2_ 라는 단어를 넣어 주시면 됩니다.
$CONFIG[data_url]/temp/thumbnail/crop2_".(substr(md5($img_path),0,10).'.jpg')
---------------
파일에 주석 달아 놓았으니 원본과 비교하면서 훑어 보시면 금방 아실 거에요
그리고 추가 질문 있으시면.. http://2kh.techus.net 으로~~~
댓글에 질문이 있으면 제가 매번 클릭해 보지 않기 때문에...답변 못받으실수도~~^^
8/18 17:48
     
남도
2010-08-18 19:08
Good ^0^
좋은 자료 감사합니다
     
민들레
2010-08-25 17:16
오호... 중심을 잡아 크롭한다~!!! 당장 다운입니다. 감사합니다 ^^ 멋쟁이다~!!!ㅋ
     
테크폐인
2011-07-11 22:59
악. 목록이든 아이보드든 둘다 안되는데. 왜이럴까요. 흑흑 몇번을 보고 그대로 따라했는데
일단은, crop1 ,2 가 붙질않네요.
     
박정환
2014-04-15 15:43
너무 좋아요! 소스 짱이네요!
     
  0
3500
FILE #1 .
FILE #2 .
FILE #3 .
FILE #4 .
FILE #5 .
FILE #6 .
FILE #7 .
FILE #8 .
FILE #9 .
FILE #10 .
윗글 요청하신 내용입니다.
아래글 바이러스
1187 페이스북 공유시 사진이 안보일 경우 techwear 2017-05-06
1186 방문자의 익스플로러 버전 체크해주는 소스입니다 [1] 신홍 2017-03-07
1185 모바일 웹.. 아이폰, 아이패드 iwindow 레이어 문제 해결 [3]+1 신홍 2017-02-12
1184 모바일에서 주소복사 기능 [1] 신홍 2017-02-10
1183 모바일 [무료모바일프로그램]안드로이드 스튜디오 [2] 작은소망 2017-01-25
1182 게시판에 효율적으로 광고를 하려면... [1] 신홍 2017-01-04
1181 수정 올더게이트 통신 IP 변경 안내 모두모두 2016-12-05
1180 쇼핑몰 회원 장바구니 유지하기 [1] 기즈모SOFT 2016-12-05
1179 수정 커스터마이징된 파일첨부 필드에서 파일 삭제방법 [2] TECHSTAR 2016-10-17
1178 네이트 팀룸으로 메시지 전송~ [2]+2 Terrorboy 2016-09-20
1177 수정 특정 변수값의 한글이 깨질때 사용-삭제 모두모두 2016-09-05
1176 댓글 목록 제한 스크립 추가시 생기는 제한 [1] cherryboyz 2016-07-21
1175 푸시불렛 소스 [2]+4 Terrorboy 2016-06-30
1174 응용 게시물의 날짜 및 시간 변경 [2] 모두모두 2016-05-31
1173 수정 0(제로) 검색 [1] 기즈모SOFT 2016-05-09
1172 운영 종전에 보드 URL을 유보드 URL로 리로딩되게하는 팁. 요나단 2016-04-26
1171 모듈 페이스북처럼 스크롤따라 동영상 재생 컨트롤하는 rolVideo.min... [1]  : DN:1703 rolVideo.min.js : DN:1864 starbros 2016-03-29
1170 DB 오름차순 정렬시 null 또는 공백이 먼저 나오는 문제 해결 기즈모SOFT 2016-03-23
1169 응용 변덕쟁이 IE에서 innerHTML 쌍따옴표 있다 없다 [2] 기즈모SOFT 2016-03-16
12345678910,,,63