레

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

· 2017-12-11 (월) 13:03:45 · 7756 · 6

원래 그누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 팁자료실

2,788건
+
제목 글쓴이 날짜 조회
17-12-28 조회 1.3만
17-12-27 조회 6,629
17-12-27 조회 8,208
17-12-27 조회 7,072
17-12-26 조회 7,035
17-12-22 조회 9,850
17-12-20 조회 1.2만
17-12-18 조회 1.7만
17-12-17 조회 8,864
17-12-16 조회 1.6만
17-12-15 조회 6,975
17-12-15 조회 7,744
17-12-14 조회 9,257
17-12-14 조회 8,080
17-12-13 조회 1만
17-12-13 조회 1.1만
17-12-13 조회 6,698
17-12-12 조회 7,666
17-12-11 조회 6,969
17-12-11 조회 7,757
17-12-11 조회 1.2만
17-12-07 조회 1.1만
17-12-07 조회 6,257
17-12-05 조회 7,737
17-12-03 조회 6,473
17-12-03 조회 7,297
17-12-02 조회 1.1만
17-12-01 조회 8,998
17-12-01 조회 7,338
17-12-01 조회 6,965