저같은 경우는 호스팅으로 블로그를 운영하는지라 외부에 이미지를 올리고 링크하는 형식으로 트래픽을 최대한 줄여서 사용하고 있습니다. 그런데, Lightbox(이하 LB) 플러그인은 외부 이미지에 대해서는 LB를 자동으로 적용해 주지 않았습니다. 방법을 찾다보니 제작자님 블로그 
에서 수동으로 링크를 걸어서 LB를 적용하는 방법을 찾을 수 있었습니다.
그래서, 이 작업을 자동으로 해주는 플러그인을 제작하게 되었습니다. 가장 쉽게 생각할 수 있는 방법이 <img> 태그를 만났을 때, 이미지 주소를 보고 외부 이미지일 경우에만 <a> 태그로 묶어주는 것이었습니다.
도아님의 만드신 바깥 고리 표시 플러그인이 외부 링크에 대해서 새창으로 띄울 수 있는 기능을 하는 플러그인 인데, 소스가 비슷할 거라고 생각해서 그 소스를 참고하여(거의 비슷합니다. -0-) 플러그인을 제작하였고, 저와 비슷한 고민을 하시는 분에게 도움이 되고자 공개하게 되었습니다.
다운로드: 태터툴즈 플러그인 게시판
[설치 방법]
* 압축 풀어서 나오는 파일을 /plugins 폴더에 올리신 후에 플러그인 화면에서 사용으로 체크 하시면 됩니다.
[라이센스]
* GPL
[사용 환경]
* 태터툴즈 1.1.0.2 (이하 버전 미확인)
* Lightbox TT AZ 2.2 (이하 버전 미확인)
[버전]
v0.1 - 2006.12.18
+ Lightbox 외부 이미지에 적용
v0.2 - 2006.12.18
+ 포스트 별 자동 그룹화 지원(내부, 외부 이미지 모두 포함) - Lightbox의 자동그룹화 지정시에만 외부 이미지 그룹화 가능
* fix: <a> 태그의 link주소를 ""로 묶지 않는 버그가 해결 되었습니다.
v0.3 - 2006.12.18
+ img 태그가 a 태그로 묶여 있을 경우 Lightbox 적용을 하지 않는다.
v0.4 - 2008.10.16
* fix: TextCube 1.7.5 에서 포스트 별 그룹화 가능
ps. 이미 비슷한 플러그인이 있다면 알려주세요. 제가 웹프로그래밍은 잘 할 줄 몰라서 허접합니다. -0-
에서 수동으로 링크를 걸어서 LB를 적용하는 방법을 찾을 수 있었습니다.수동적용 방법보기
그래서, 이 작업을 자동으로 해주는 플러그인을 제작하게 되었습니다. 가장 쉽게 생각할 수 있는 방법이 <img> 태그를 만났을 때, 이미지 주소를 보고 외부 이미지일 경우에만 <a> 태그로 묶어주는 것이었습니다.
도아님의 만드신 바깥 고리 표시 플러그인
이 외부 링크에 대해서 새창으로 띄울 수 있는 기능을 하는 플러그인 인데, 소스가 비슷할 거라고 생각해서 그 소스를 참고하여(거의 비슷합니다. -0-) 플러그인을 제작하였고, 저와 비슷한 고민을 하시는 분에게 도움이 되고자 공개하게 되었습니다.테스트 보기
다운로드: 태터툴즈 플러그인 게시판
[설치 방법]
* 압축 풀어서 나오는 파일을 /plugins 폴더에 올리신 후에 플러그인 화면에서 사용으로 체크 하시면 됩니다.
[라이센스]
* GPL
[사용 환경]
* 태터툴즈 1.1.0.2 (이하 버전 미확인)
* Lightbox TT AZ 2.2 (이하 버전 미확인)
[버전]
v0.1 - 2006.12.18
+ Lightbox 외부 이미지에 적용
v0.2 - 2006.12.18
+ 포스트 별 자동 그룹화 지원(내부, 외부 이미지 모두 포함) - Lightbox의 자동그룹화 지정시에만 외부 이미지 그룹화 가능
* fix: <a> 태그의 link주소를 ""로 묶지 않는 버그가 해결 되었습니다.
v0.3 - 2006.12.18
+ img 태그가 a 태그로 묶여 있을 경우 Lightbox 적용을 하지 않는다.
v0.4 - 2008.10.16
* fix: TextCube 1.7.5 에서 포스트 별 그룹화 가능
ps. 이미 비슷한 플러그인이 있다면 알려주세요. 제가 웹프로그래밍은 잘 할 줄 몰라서 허접합니다. -0-
댓글을 달아 주세요
잘 쓰고 있습니다.
하지만 외부 링크가 걸려있는 외부 이미지의 경우, 아래와 같이
<a target="_blank" href="http://www.box.net/signup/invitation/ssep4u@gmail.com"><img src="http://www.box.net/img/refer_blue_big.gif"></a>
이경우 이 플러그인을 활성화 시켜놓으면
이미지를 누르면 외부링크로 가는게 아니라 외부이미지가 lightbox에서 보이네요.
소스는 아래와 같이 바뀝니다.
<a target="_blank" href="http://www.box.net/signup/invitation/ssep4u@gmail.com"></a><a href="http://www.box.net/img/refer_blue_big.gif" rel="lightbox[2group087]"><img src="http://www.box.net/img/refer_blue_big.gif"></a>
링크가 걸려있는 이미지의 경우 lightbox가 열리기보다는 링크로 이동하게 하는게 적절할 것 같아서요.
말씀 드립니다.
물론, 제 생각이 틀릴 수도 있고요.
새해 복 많이 받으세요.
음..트랙백으로 보냈습니다만, 제가 이 플로그인을 중국어로 바꾸었습니다. 문제가 되나요? ^^::: 안되기를 바랍니다.
또 한가지 문제가 있습니다. PHP와 XML의 모든 한글만 그대로 중국어로 바꾸었는데, 이상하게 설정을 저장할 때면 저장할 수 없다고 나오는군요. 하지만 정작 실행에는 문제가 없습니다. 대체 무슨 일인지 모르겠습니다.ㅠㅠ 프로그램쪽으로는 기초적인 것 밖에 몰라서 ㅠㅠ
제가 만든 것은 번역하셔도 상관 없습니다.
lightbox는 제가 만든것이 아니라서 제작자분께 직접 물어보시는게 좋을거 같구요.. ^^
지금 텍스트큐브 1.7.6 버젼을 사용하고 있는데, 플로그인이 제대로 작동을 하지 않는것 같습니다. 다시 다운을 받아보려고 해도 이미 링크가 깨져서 다운 받을 수 없더군요.
수동으로 적용을 하면 가능하던데 그냥 img 태그를 사용해서 넣은 후에 플로그인으로는 작동하지 않는것 같습니다.
확인이 가능할까요
문제는,, 이미지 자체가 축소가 안된다는 문제점이 있습니다. 클릭을 했을때 lightbox는 적용이 되어서 액자로 만들어져서 가운데로 뜨구요
Lightbox TT AZ 에서 plus 버젼을 사용중입니다.
음. 확인해 봤는데, 그룹화 기능이 안되는 것 말고는 잘 되었습니다.
일단 그룹화 기능은 다시 동작하게 고쳤지만, 말씀하신 버그는 어떤 건지 잘 파악이 안되네요.
올려놓은거 받아서 써보시고 답 주시면 고맙겠습니다. ^^
새로올려주셔서 감사합니다. 여전히 글속에서 이미지가 축소되어서 보이지 않는다는 문제점이 있네요.. 클릭을 하면 lightbox가 적용이 되는것 같구요
외부 이미지를 img 태그로 올린 것입니다 - http://scamus.net/598
제 계정에 올리면 정상적으로 축소되어서 올라가는 것을 확인했습니다.
http://scamus.net/599
어디가 문제점인지 모르겠네요 ㅜㅜ
말씀 하신 문제는 외부링크로 올리신 이미지에 사이즈를 지정하지 않으셔서 생기는 문제입니다. 글 편집 하실 때 외부 이미지 불러오신 후에, 이미지 사이즈를 축소하시면 됩니다. ^^;;
엇? 자동으로 줄여지는게 아니었군요...
단순히 img 태그로만 작성해서 그랬는데, 나중에 보강을 하신다면 처음 보여지는 이미지 사이즈도 설정할 수 있게금 되면 좋겠습니다.
좋은 플로그인 잘 사용하겠습니다.
감사합니다. ^^