1. 흰새벽님의 요청으로 배추베이직 스킨에 적용했습니다.
- 배추베이직 스킨 파일중 view.skin.php 파일만이 변경되었습니다.
- 어제(6.29) 올라 온 v1.6.8의 view.skin.php로 작업했습니다. 올려 드린 파일로 대체하세요.
- 베추베이직스킨 img폴더에 첨부된 webshot.gif 파일을 넣으세요.
2. 첨부된 폴더와 파일
- mod_webshot 폴더
|-- IECapt.exe
|-- webshot.php
|-- images 폴더
|-- loding.gif
- webshot.gif
- view.skin.php
3. 적용환경
- Windows XP/2003/Vista/2008 플랫폼 서버 기반 PHP 실행환경.
- 썸네일 생성을 위해 PHP GD 라이브러리가 설치되어 있어야 합니다.(대부분 설치되어 있죠)
- 윈도우즈 계열 외 플랫폼 즉, 리눅스 기반 서버 등에서는 실행되지 않습니다.
4. 적용방법
- mod_webshot 폴더를 통채로 그누보드의 extend 폴더에 넣습니다.
그럼 이렇게 되겠죠. extend/mod_webshot/
- view.skin.php 파일을 배추베이직스킨 폴더에 넣습니다.
- webshot.gif 파일을 배추베이직스킨 폴더 내의 img폴더에 넣습니다.
- view.skin.php 파일을 열어 859라인 url값을 자신의 url로 바꿉니다.
- view.skin.php 파일 864라인 이미지 src경로를 자신의 값으로 바꿉니다.
5. 실행방법
- 위 그림과 같이 배추베이직스킨이 적용된 게시판을 실행시키고 글쓰기 때 넣은 링크값이 있을 때는 webshot이라 쓰인 작은
아이콘이 뜹니다.
이것을 클릭하면 위 그림처럼 링크된 웹사이트의 썸네일이 실시간 자동생성 되어 화면에 나타나게 됩니다.
- 생성된 썸네일을 drag&drop 가능하고 더블클릭하면 닫힙니다.
6. 크로스브라우징
- IE8, FireFox 최신판, Chrome 최신판, Opera 최신판에서 잘 작동됩니다.
7. 예상되는 문제점
- 클릭시 실시간으로 PHP GD 작업을 하는 것이므로 서버에 부하가 크게 걸릴 수 있습니다.
저같은 경우는 http://localhost/ 에서 시험 해 봤을 뿐입니다.
- 링크된 주소가 엉터리인 경우까지 고려하여 정규식에 반영하지 않았습니다.
관리자가 직접 올리는 경우라면 예상 가능하니까 문제가 없겠지만
그렇지 않은 경우에는 예상되는 부분을 정규식에 반영해야 할거라 봅니다.
※ 어느 정도 엉터리 url은 잡아 낼 수 있도록 수정!
- 배추베이직 스킨 파일중 view.skin.php 파일만이 변경되었습니다.
- 어제(6.29) 올라 온 v1.6.8의 view.skin.php로 작업했습니다. 올려 드린 파일로 대체하세요.
- 베추베이직스킨 img폴더에 첨부된 webshot.gif 파일을 넣으세요.
2. 첨부된 폴더와 파일
- mod_webshot 폴더
|-- IECapt.exe
|-- webshot.php
|-- images 폴더
|-- loding.gif
- webshot.gif
- view.skin.php
3. 적용환경
- Windows XP/2003/Vista/2008 플랫폼 서버 기반 PHP 실행환경.
- 썸네일 생성을 위해 PHP GD 라이브러리가 설치되어 있어야 합니다.(대부분 설치되어 있죠)
- 윈도우즈 계열 외 플랫폼 즉, 리눅스 기반 서버 등에서는 실행되지 않습니다.
4. 적용방법
- mod_webshot 폴더를 통채로 그누보드의 extend 폴더에 넣습니다.
그럼 이렇게 되겠죠. extend/mod_webshot/
- view.skin.php 파일을 배추베이직스킨 폴더에 넣습니다.
- webshot.gif 파일을 배추베이직스킨 폴더 내의 img폴더에 넣습니다.
- view.skin.php 파일을 열어 859라인 url값을 자신의 url로 바꿉니다.
- view.skin.php 파일 864라인 이미지 src경로를 자신의 값으로 바꿉니다.
5. 실행방법
- 위 그림과 같이 배추베이직스킨이 적용된 게시판을 실행시키고 글쓰기 때 넣은 링크값이 있을 때는 webshot이라 쓰인 작은
아이콘이 뜹니다.
이것을 클릭하면 위 그림처럼 링크된 웹사이트의 썸네일이 실시간 자동생성 되어 화면에 나타나게 됩니다.
- 생성된 썸네일을 drag&drop 가능하고 더블클릭하면 닫힙니다.
6. 크로스브라우징
- IE8, FireFox 최신판, Chrome 최신판, Opera 최신판에서 잘 작동됩니다.
7. 예상되는 문제점
- 클릭시 실시간으로 PHP GD 작업을 하는 것이므로 서버에 부하가 크게 걸릴 수 있습니다.
저같은 경우는 http://localhost/ 에서 시험 해 봤을 뿐입니다.
- 링크된 주소가 엉터리인 경우까지 고려하여 정규식에 반영하지 않았습니다.
관리자가 직접 올리는 경우라면 예상 가능하니까 문제가 없겠지만
그렇지 않은 경우에는 예상되는 부분을 정규식에 반영해야 할거라 봅니다.
※ 어느 정도 엉터리 url은 잡아 낼 수 있도록 수정!
댓글 12개
실시간 URL의 썸네일을 보여주는 소스가 있네요.
사용해도 되는지는 모르겠네요.
암튼 저런 소스를 사용하여 URL의 썸네일을 저장했다가 보여주면 멋진 것이 나올 것 같네요.
주소는 http://firejune.com/913 여깁니다.
// Sitelink thumbnail
// Developer: FireJune(http://firejune.com)
var Linkthumb = {
align:function(array) {
var thisUrl = document.domain;
if (thisUrl.split('.')[0] == 'www')
thisUrl = thisUrl.substring(4, thisUrl.length);
$$(array).each(function(element) {
var url = element.href;
if(url.indexOf(thisUrl) == -1) {
var img = Linkthumb.create(url);
element.appendChild(img);
Event.observe(element, 'mouseover', function(){img.style.display = 'block'});
Event.observe(element, 'mouseout', function(){img.style.display = 'none'});
}
});
},
create:function(url) {
var img = document.createElement('IMG');
var url = url.replace(/[^:]*:\/\/([^:\/]*)(:{0,1}\/{1}.*)/, '$1');
img.src = 'http://msnsearch.srv.girafa.com/srv/i?s=MSNSEARCH&r='+ url;
img.className = 'linkthumb';
img.alt = url;
img.style.display = 'none';
return img;
}
}
// Style.css
.linkthumb{
z-index:9999; position:absolute; margin:18px 0 0 -160px;
border-right:2px solid #888; border-bottom:2px solid #888}
// 사용하기
Linkthumb.align('#content a');
사용해도 되는지는 모르겠네요.
암튼 저런 소스를 사용하여 URL의 썸네일을 저장했다가 보여주면 멋진 것이 나올 것 같네요.
주소는 http://firejune.com/913 여깁니다.
// Sitelink thumbnail
// Developer: FireJune(http://firejune.com)
var Linkthumb = {
align:function(array) {
var thisUrl = document.domain;
if (thisUrl.split('.')[0] == 'www')
thisUrl = thisUrl.substring(4, thisUrl.length);
$$(array).each(function(element) {
var url = element.href;
if(url.indexOf(thisUrl) == -1) {
var img = Linkthumb.create(url);
element.appendChild(img);
Event.observe(element, 'mouseover', function(){img.style.display = 'block'});
Event.observe(element, 'mouseout', function(){img.style.display = 'none'});
}
});
},
create:function(url) {
var img = document.createElement('IMG');
var url = url.replace(/[^:]*:\/\/([^:\/]*)(:{0,1}\/{1}.*)/, '$1');
img.src = 'http://msnsearch.srv.girafa.com/srv/i?s=MSNSEARCH&r='+ url;
img.className = 'linkthumb';
img.alt = url;
img.style.display = 'none';
return img;
}
}
// Style.css
.linkthumb{
z-index:9999; position:absolute; margin:18px 0 0 -160px;
border-right:2px solid #888; border-bottom:2px solid #888}
// 사용하기
Linkthumb.align('#content a');
게시글 목록
| 번호 | 제목 |
|---|---|
| 154028 | |
| 154024 | |
| 153965 | |
| 153936 |
최신글
탭 갤러리 슬라이드 최신글
3
|
| 153927 | |
| 153911 |
게시판
웹진형태의 후기게시판
5
|
| 153910 |
게시판
출납 게시판
3
|
| 153907 | |
| 153885 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기