function openDifferentModal(clickedImg, newImgSrc) {
  const modal = document.getElementById("myModal");
  const modalImg = document.getElementById("img01");
  const captionText = document.getElementById("caption");

  if (modal && modalImg && captionText) {
    modal.style.display = "flex"; // Flexbox로 모달 열기
    modalImg.src = newImgSrc; // 새로운 이미지 경로 설정
    captionText.innerHTML = clickedImg.alt || "이미지 설명 없음"; // 클릭된 이미지의 alt 값을 캡션에 표시
  } else {
    console.error("모달 구성 요소를 찾을 수 없습니다.");
  }
}

// 모달 닫기 (화면 어디든 클릭하면 닫기)
document.addEventListener("DOMContentLoaded", function () {
  const modal = document.getElementById("myModal");

  if (modal) {
    modal.addEventListener("click", function () {
      modal.style.display = "none"; // 모달 닫기
    });
  } else {
    console.error("모달 요소를 찾을 수 없습니다.");
  }
});