그누보드5 게시판 본문(view)서 이미지 클릭시 확대되게

원래 그누5는 첨부파일이나 에디터로 넣은 이미지만 확대된다.
아쉽게도 IMG 태그로 넣은 이미지는 확대가 안된다 -_-!
직접 자바스크립트를 짜서 게시판 스킨에 넣었다 ㅠㅠ

 

gnuboard5\theme\[테마명]\skin\board\basic\view.skin.php 파일을 연다.

가장 아래쪽에 자바스크립트 들이 있다.
<script></script> 안에 코드를 복붙한다. (주석처리 된건 안해도 됨)

 

[code]

/*
var src = $('#bo_v_con img').eq(0).attr('src');
$('#bo_v_con img').eq(0).wrap('<a href="' + src + '" />');

var src1 = $('#bo_v_con img').eq(1).attr('src');
$('#bo_v_con img').eq(1).wrap('<a href="' + src1 + '" />');

var src2 = $('#bo_v_con img').eq(2).attr('src');
$('#bo_v_con img').eq(2).wrap('<a href="' + src2 + '" />');
*/


function imageGetAnchor() {

  var imageCount = $('#bo_v_con img').length -1;

  for (var i = 0; i <= imageCount; i++) {
    var srcTotal = $('#bo_v_con img').eq(i).attr('src');
    $('#bo_v_con img').eq(i).wrap('<a href="' + srcTotal + '" />');
  }

}


imageGetAnchor();

[/code]

 

응용하면 라이트박스도 가능할듯.

개발자 도구에서 보면 A태그가 생성되어

IMG 태그를 둘러싸고 있다.

|

댓글 6개

좋은정보 감사합니다.
필요한 기능이라 생각하고 있었는데..
잘 응용하겠습니다.
갤러리에도 적용 잘 됩니다.
_blank출력은 어떻게 하면 되는지요?
조은 정보 감사합니다.
감사합니다 덕분에 뷰페이지 라이트박스 쉽게 달았네요 :D
댓글을 작성하시려면 로그인이 필요합니다.

그누보드5 팁자료실

+
제목 글쓴이 날짜 조회
8년 전 조회 7,546
8년 전 조회 9,239
8년 전 조회 1.4만
8년 전 조회 6,626
8년 전 조회 1.4만
8년 전 조회 4,748
8년 전 조회 5,575
8년 전 조회 6,963
8년 전 조회 5,770
8년 전 조회 7,736
8년 전 조회 8,683
8년 전 조회 4,500
8년 전 조회 5,382
8년 전 조회 4,792
8년 전 조회 5,521
8년 전 조회 1만
8년 전 조회 9,161
8년 전 조회 4,085
8년 전 조회 5,525
8년 전 조회 4,285
8년 전 조회 5,068
8년 전 조회 9,210
8년 전 조회 6,769
8년 전 조회 5,106
8년 전 조회 4,682
8년 전 조회 4,073
8년 전 조회 5,736
8년 전 조회 5,451
8년 전 조회 9,524
8년 전 조회 4,335