최근게시물 클릭후 나오는 이미지 레이어 하단에 제품명을 넣고 싶습니다. 채택완료

 



                

            

        

    

    

        게시물이 없습니다.

    

    







    

        

            

            

            

            

                

            

            

            닫기

        

    





function showImageLayer(imgSrc, productName) {

    document.getElementById('layerImage').src = imgSrc;

    document.getElementById('productName').textContent = productName;

    document.getElementById('imageLayer').style.display = 'block';

    document.body.style.overflow = 'hidden';

}

function closeImageLayer() {

    document.getElementById('imageLayer').style.display = 'none';

    document.body.style.overflow = '';

}

// ESC 키로 닫기

document.addEventListener('keydown', function(e) {

    if (e.key === 'Escape') {

        closeImageLayer();

    }

});

// 배경 클릭으로 닫기

document.getElementById('imageLayer').addEventListener('click', function(e) {

    if (e.target === this) {

        closeImageLayer();

    }

});