포럼
Thumbnailer V.1.0 소개합니다.
2015.03.04 11:23
$oDocument->getThumbnail();
$document->getThumbnail();
스킨을 만지작 해보신 분이라면 위의 코드가 익숙하실 겁니다.
그런데 혹시 이런 생각 안해보셨나요?
아 썸네일을 다른 곳에서도 쓸 수 있으면.. 내가 원하는 이미지로 썸네일을 생성할 수 있으면...
확장변수에 입력된 부분을 기준으로 썸네일을 생성했으면.. 하는 생각 말이죠..!
그래서 썸네일의 확장성을 위해 애드온을 만들어보았습니다.
문서에 종속되지 않고 주소 기준으로 생성하도록 말이죠..!
(document getThumbnail 함수와 별개의 함수이기 때문에 기존 document에 영향을 주지 않습니다.)
이미 이전에 배포하였지만, 이번에 새로운 기능을 추가해서 이렇게 XE포럼에 남깁니다.
이전에는 캐시폴더에 생성되어 캐시를 재생성할 경우 삭제가 되었습니다.
하지만 캐시 재생성시 상당히 부담이 발생하기 때문에...(썸네일이 많다면) 이를 분리하였습니다.
따라서 썸네일 경로를 변경하였고,
일괄삭제 기능을 제공하기 위해 애드온 설정에서 삭제를 할 수 있도록 했습니다.
아래는 설정에서 추가된 썸네일 일괄삭제 시연 영상입니다.
영상을 보시면 애드온 설정화면에서 삭제 버튼이 생성되어 있고,
그 버튼을 누를 경우 한 번 더 의사를 묻고 삭제를 진행합니다.
중간에 FTP 화면이 나오는데, 삭제된 모습을 보여드리기 위해서 보여드렸습니다. (새로고침)
삭제 완료된 후 thux 폴더가 사라진 것을 확인할 수 있습니다.
댓글 13
-
WLIKR
2015.03.04 11:40
-
키스투엑스이
2015.03.04 12:06
ㅊㅊㅊㅊ 이런건 닥추 -
닉이
2015.03.04 18:04
잘쓰고 있는 에드온입니다. 업데이트까지 +_+ 감사합니다
-
노에르
2015.03.04 18:25
사실 세부 기능이 변경된 것은 없습니다.
기존 캐시폴더에 포함시켰던 부분이 사용하기 따라서 문제가 될 수 있다고 판단하여 (캐시 재생성할 때마다 썸네일이 삭제되므로)
이를 분리시키는 작업을 하였습니다.
단순히 분리만 하면 썸네일 파일을 지우기 위해 ftp에 접속하는 것은 비효율적이기 때문에
애드온 설정 페이지에서 삭제를 할 수 있도록 옵션을 추가했습니다.
-
큰성565
2015.03.12 13:47
제가 머리가 나빠서그런데 닉이님은 어떻게 이 애드온을 적용하고 있는지 닉이님사이트에서 설명좀 해주실수 있을까요?? ㅠㅗㅠ
-
노에르
2015.03.12 14:26
사용자 측면으로 도움을 드리는 애드온이 아닙니다.
개발자나 사이트 운영자 측면에서 도움을 드리는 애드온이지요.!
단순합니다. 내가 올린 이미지가 있는데, 이걸 원본 이미지 그대로 보여주면 크기가 커서 제대로 안보인다거나, 용량 때문에 트래픽이 증가한다거나 할 때 쓸 수 있는 겁니다.
이미지 주소를 기준으로 썸네일을 생성해주고,
코드를 짜실 때 PC나 모바일을 썸네일 크기를 다르게 하여 출력하도록 한다면,
PC에 맞는 썸네일과 모바일에 맞는 썸네일이 생성되게 됩니다.(이건 본 애드온이 제공되는 기능이 아니라 별도로 짜셔야합니다.)
사용방법은 간단합니다.
게시판 스킨에서 사용한다면
{$thux->get(이미지주소, 썸네일 가로크기, 썸네일 세로 크기, 이미지 비율, 출력할 이미지 확장자)}
이렇게 사용하시면 됩니다.
예를 들어 이미지 주소가 http://test.com/test.jpg 라면
$thux->get('http://test.com/test.jpg',320,320,'crop','png');
이렇게 사용한다면 320x320사이즈의 png 파일로 썸네일을 생성하게 됩니다.(썸네일주소를 반환)
즉 스킨에서는 이렇게 사용할 수 있는거죠
<img src="{$thux->get('http://test.com/test.jpg',320,320,'crop','png');}"/>
참고로 저는 로그인위젯에서 사용하고 있는데, 회원 프로필이미지를 아래와 같이 썸네일을 생성하여 출력합니다.
<img src="{$thux->get($logged_info->profile_image->file,60)}" />
-
닉이
2015.03.13 00:09
저같은 경우에는 게시글에 이미지가 여러개 올려져 있을경우, 문서 내부 갤러리로 구현할 때 사용합니다. 갤러리형태로 보여줄경우, 문서 열람때마다 모든이미지가 다 로드되 쓸데없이 서버자원이 낭비되진않을까 하는 걱정을 이 애드온으로 덜어주었네요. 그외 다른 사용방법도 있겠지만 이미지의 원래 주소만 알아내면 모든 이미지를 썸네일화 할수 있다는게 가장큰 장점같습니다.
http://www.dramajoa.com/xe/dramadb/177239 예제는 이런형태로 구현됩니다. (관련이미지 부분)
-
하늘희
2015.03.13 14:28
-
닉이
2015.03.13 17:58
저야말로 에니즌님 싸이트보면서 많이배웠습니다. (__)
-
비밀얌
2015.03.12 13:22
위 유트브 영상 제작시 어떤 프로그램을 이용하셨는지 알려주실 수 있으신가요? 감사합니다.
-
노에르
2015.03.12 14:29
반디캠 사용했습니다.
-
플라이나
2015.04.14 17:33
안녕하세요 노에르님 게시판에 확장변수로 입력된 이미지주소를 썸네일로 리스트에 나타내려고 하는데,
그럴경우 어떤식으로 코드를 해야하는건가요?
<img src="{$thux->get('http://test.com/test.jpg',320,320,'crop','png');}"/>
getExtraEidValue('확장변수명')
그리고 확장자를 원본이미지로 띄울경우엔 '' 로 비워두면 되나요?
-
하늘희
2015.04.14 20:31
썸네일이기 때문에 원본 이미지로 띄우는 기능은 따로 없구요.
직접 원본 사이즈를 지정하거나 해야합니다.
확장 변수로 하실려면
<img src="{$thux->get($document->getExtraEidValue('확장변수명'),320,320,'crop','png');}"/>
이런 느낌일 겁니다.
ㅊㅊㅊㅊ 이런건 닥추