이윰빌더 갤러리게시판 이미지 클릭시 새창말고 바로 원본사이즈보려고 하는데요

이윰빌더 갤러리게시판 이미지 클릭시 새창말고 바로 원본사이즈보려고 하는데요

QA

이윰빌더 갤러리게시판 이미지 클릭시 새창말고 바로 원본사이즈보려고 하는데요

답변 1

본문

3667096840_1543039934.117.png

 

지금 위에처럼 이미지를 클릭하면 원본사이즈로보기 나오면서 새창으로 열리는데

클릭하면 바로 그자리에서 볼수 있게하려면 어디를 수정해야 할까요?

이미지는 긴쪽이 1024로 리사이즈해서 올리고 있습니다.

 

 

function close_modal(wr_id) {
    window.parent.closeModal(wr_id);
}

function board_move(href) {
    window.open(href, "boardmove", "left=50, top=50, width=500, height=550, scrollbars=1");
}

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

    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 '· <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
            }
        });
    }

    // 이미지 리사이즈
    $(".board-view-atc").viewimageresize();
 

 

이 질문에 댓글 쓰기 :

답변 1

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 333
© SIRSOFT
현재 페이지 제일 처음으로