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

[게시판설정] 게시판 이미지 링크 걸기

이윰넷

이윰넷님의 홈

전체게시물

아이디로 검색

183.♡.68.56

2019-07-05 09:35 43,243 1

본문

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

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

/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 '· 원본 이미지 보기';
                }
            }
        });
    } else {
        $('.board-view-con img').wrap('');
        $('.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 = ''.$thumb_tag.'';
}