게시판 이미지 링크 걸기 > 테마 설정 및 가이드

에디터로 이미지 등록을 하고 이미지에 링크를 연결했을 때 보기 페이지에서 이미지 클릭시 해당 링크로 이동할 수 있게 작업 방법을 설명합니다.

해당 작업을 위해서는 아래와 같이 직접 파일 수정을 해야 합니다.

/theme/테마명/skin/board/스킨명(basic or gallery or webzine)/view.skin.html.php 파일 732줄 아래의 소스 삭제

    if ($('.board-view-con img').parent().hasClass('view_image')) {
        $('.board-view-con img').parent().attr('class', 'view-image-popup').removeAttr('target');
        $('.view-image-popup').each(function() {
            var dataSource = $(this).attr('href');
            $(this).attr('data-source', dataSource);
        });
        $('.board-view-con img').each(function() {
            var imgURL = $(this).attr('src');
            $(this).parent().attr('href', imgURL);
        });
        $('.view-image-popup').magnificPopup({
            type: 'image',
            closeOnContentClick: true,
            mainClass: 'mfp-img-mobile',
            image: {
                verticalFit: true,
                titleSrc: function(item) {
                    return '&middot; <a class="image-source-link" href="'+item.el.attr('data-source')+'" target="_blank">원본 이미지 보기</a>';
                }
            }
        });
    } else {
        $('.board-view-con img').wrap('<a class="view-image-popup">');
        $('.board-view-con img').each(function() {
            var imgURL = $(this).attr('src');
            $(this).parent().attr('href', imgURL);
        });
        $('.view-image-popup').magnificPopup({
            type: 'image',
            closeOnContentClick: true,
            mainClass: 'mfp-img-mobile',
            image: {
                verticalFit: true
            }
        });
    }

/eyoom/class/bbs.class.php 파일 1108줄을 아래와 같이 수정

// $img_tag에 editor 경로가 있으면 원본보기 링크 추가
$img_tag = $matches[0][$i];
if(strpos($img_tag, G5_DATA_DIR.'/'.G5_EDITOR_DIR) && preg_match("/\.({$config['cf_image_extension']})$/i", $filename)) {
    $imgurl = str_replace(G5_URL, "", $src);
    $thumb_tag = '<!--a href="'.G5_BBS_URL.'/view_image.php?fn='.urlencode($imgurl).'" target="_blank" class="view_image"-->'.$thumb_tag.'<!--/a-->';
}