테스트 사이트 - 개발 중인 베타 버전입니다

스킨 팝업창 채택완료

suzeki 1년 전 조회 1,906

스킨에서 이미지 첨부하고

이미지 클릭시 팝업창으로 뜨는걸 안뜨게 방지하려면 어디서 설정하는지요?

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트
웅푸
1년 전

echo '이미지';

이런식으로호출하는경우라면

onclick="return false"; 시켜버리면 클릭이 않될거에요

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

웅프
1년 전
<?php
// 파일 출력
$v_img_count = count($view['file']);
if($v_img_count) {
echo "<div id=\"bo_v_img\">\n";

foreach($view['file'] as $view_file) {
echo get_file_thumbnail($view_file);
}

echo "</div>\n";
}
?>
만약 현재 view.skin.php 페이지가 이런식으로 호출이 되고있다라고한다면 아래 스크립트를 넣어주세요
그렇면 클릭을 차단해버릴수가 잇습니다.
해당view.skin.php 뷰스킨 페이지열어서 저장하고 업데이트해보세요

<script>
function blockImageClick(event) {
event.preventDefault();
event.stopPropagation();
}
var images = document.querySelectorAll('#bo_v_img img');
images.forEach(function(image) {
image.addEventListener('click', blockImageClick);
});
</script>

댓글을 작성하려면 로그인이 필요합니다.

질문하신 내용에 비하여 제공해주신 정보가 너무 적네요.

 

1. 현재 보드 스킨이 어떤것인지.

2. 사용하고 계신 에디터가 어떤것인지.

 

둘다 순정이라고 가정하고

글 작성 후 뷰페이지단에서 이미지의 원본이미지 확대는 에디터에서 만들어지니 관련 코드를 수정해야 합니다.

 

아래 링크를 참조해주세요.

https://gnustudy.com/bbs/board.php?bo_table=gnu_tip&wr_id=13

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

복스리
1년 전

이미지를 클릭했을 때 팝업 창이 뜨는 것을 방지하려면 주로 HTML의 태그나 JavaScript 코드를 수정하여야 합니다. 팝업 창이 뜨는 것은 대부분 태그의 href 속성에 JavaScript 함수가 호출되는 형태로 구현되어 있습니다.

HTML 수정: 스킨의 HTML 파일에서 이미지를 감싸는 태그를 찾아서 해당 태그의 href 속성을 수정하거나 제거해보시기 바랍니다.

<!-- 이미지를 감싸는 <a> 태그의 href 속성을 제거하는 경우 -->

<a href="#">

    <img src="이미지_경로" alt="이미지 설명">

</a>
또는

<!-- 이미지를 감싸는 <a> 태그 자체를 제거하는 경우 -->

<img src="이미지_경로" alt="이미지 설명">

JavaScript 수정: 이미지 클릭 시 팝업 창이 뜨는 이벤트를 JavaScript 코드로 구현한 경우 해당 부분을 수정합니다. 보통은 이벤트 핸들러에 event.preventDefault()을 추가하여 기본 동작을 막습니다.

// 예시: jQuery를 사용한 경우

$(document).ready(function(){

    $('img').click(function(event){

        event.preventDefault(); // 기본 동작 방지

        // 추가로 수행할 작업

    });

});
위의 두 가지 방법 중 하나를 선택하여 이미지 클릭 시 팝업 창이 뜨지 않도록 설정할 수 있습니다. 하지만 주의해야 할 점은 해당 변경이 기존의 기능에 영향을 줄 수 있으므로, 변경 전에는 충분한 테스트를 해보시고 적용해보시길 바라겠습니다.

로그인 후 평가할 수 있습니다

답변을 작성하려면 로그인이 필요합니다.

로그인