2023.06.01 12:24

1,461

CMS/프레임워크	사용안함
개발 언어	사용안함

xe로 사이트 만들기를 배우고있는 학생입니다! 사진을 누르면 팝업을 뜨게 하려고 내용 직접 추가로 코드를 넣었는데요 그 이후로 위에 있던 배경 슬라이드가 사라지고 사진 처럼 위젯들이 설정버튼이 사라지고

크기도 안줄여지며 이동도 안됩니다 백업용 레이아웃에도 다 똑같이 적용 된 것같습니다 팝업용 css나 jquery를 건든것같은데 제가 초짜라 어떻게 해야 할지 모르겠네요 도와주세요ㅠㅠ

IMG_0785.png [File Size:29.1KB/Download:1]

똑띠

2023.06.02 06:11 #1765801

직접 추가하신 코드가 오류를 일으키는 듯 하니 지우고 다시 확인해 보세요.
그리고 문제되는 홈페이지 주소를 남겨주시면 고수님들이 살펴보고 답변 주실수도 있습니다.

추천 0
두부용

2023.06.02 08:34 #1765807

외부ip 설정방법을 몰라서 학교 내 ip에서만 접속이 되네요ㅠ
코드는 이걸 넣었는데 그렇게되서 코드를 지우고 싶은데 경로를 모르겠습니다
<!DOCTYPE html>

<html>

<head>

<style>

/* 팝업 스타일 */

.popup {

display: none;

position: fixed;

top: 0;

left: 0;

width: 100%;

height: 100%;

background-color: rgba(0, 0, 0, 0.5);

}

.popup-content {

background-color: white;

margin: 25% auto;

padding: 20px;

width: 50%;

}

.close {

color:#aaa;

float: right;

font-size: 28px;

font-weight: bold;

}

.close:hover,

.close:focus {

color: black;

text-decoration: none;

cursor: pointer;

}

</style>

</head>

<body>



<img id="myImage" src="이미지_경로.jpg" alt="이미지" width="200" height="200">



<div id="myPopup" class="popup">

<div class="popup-content">

<span class="close">×</span>

<img src="이미지_경로.jpg" alt="이미지" width="400" height="400">

</div>

</div>

<script>

// 이미지 클릭 시 팝업 열기

document.getElementById("myImage").addEventListener("click", function() {

document.getElementById("myPopup").style.display = "block";

});

// 팝업 닫기 버튼 클릭 시 팝업 닫기

document.getElementsByClassName("close")[0].addEventListener("click", function() {

document.getElementById("myPopup").style.display = "none";

});

</script>

</body>

</html>

추천 0