갤러리 게시판에 첨부한 파일 크기 조절문의
본문
첨부파일이 1개 일 경우 view 에서 이미지 width:100%
첨부 파일이 2개 이상일 경우 width:50% 이렇게 하고 싶은데 어떻게 해야할까요??
답변 2
view.skin.php 하단에 아래 스크립트를 넣어주세요. 그누순정 기준입니다.
<script>
images = document.querySelectorAll("#bo_v_img img");
if (typeof images[1] == "object") for (i of images) i.style.width = "50%";
else images[0].style.width = "100%";
</script>
<script>
const galleryImages = document.querySelectorAll('.gallery-image'); //본인 코드에 맞춰 변경
galleryImages.forEach((image) => {
// 첨부 파일 개수
const fileCount = image.querySelectorAll('.file-item').length; //본인 코드에 맞춰 변경
if (fileCount === 1) {
image.style.width = '100%';
} else if (fileCount > 1) {
image.style.width = '50%';
}
});
</script>
답변을 작성하시기 전에 로그인 해주세요.