최신글 스킨의 썸네일사이즈 자동조정 문의

최신글 스킨의 썸네일사이즈 자동조정 문의

QA

최신글 스킨의 썸네일사이즈 자동조정 문의

본문

최신글 스킨의 갤러리 스킨들을 보면 썸네일 사이즈가 항상 문제가 되네요.

썸네일 사이즈를 고정사이즈가 아닌, 한줄에 표시될 이미지 수에 따라서

가로폭에 맞추어 %단위로 자동조정되게 하려면 어떻게 하면 될까요?

 

예를들어 한줄에 4개씩 보이게 만든다면 썸네일 사이즈를 가로폭의 25%로, 

한줄에 5개씩 보인다면 썸네일 사이즈가 가로폭의 20%로 조정되게 하고 싶습니다.

 

관련 소스나 스킨에 대한 도움 부탁 드립니다.

감사합니다.

이 질문에 댓글 쓰기 :

답변 2

음...

일단... 이미지를 %로 배치하는 방법에 대한 질문이 얼마전에 있었습니다.

https://sir.kr/qa/370204   여기 한 번 확인해보시구요.

 

그누보드는 %로 맞춰주지는 않죠. 그럼으로 당연히 수정이 필요하실거에요.

제 사견이지만, 요즘 트렌드는 Bootstrap기반으로 본다면 더더욱 %로 맞추진 않을것이고.

역시 사견이지만, width="25%", width:50% 이런 형식은 지양해야 할 것으로 보여집니다.

 

역발상으로...

현재 브라우저의 가로 사이즈를 실시간으로 계산하시고,

하나의 이미지 영역이 가져야 할 width를 동적으로 설정해주시는 것이 어떨런지요.

 

예를 들어 나는 한 줄에 무조건 4개씩만 보여지게 하고 싶다면,

현재 브라우저의 가로 길이 나누기 4를 하여 동적으로

이미지 영역을 설정해버리는 거죠.

1000 픽셀일때는 250픽셀씩 설정하고...

900일때는 900/4를 하여 이미지 크기를 배치하시던가

200픽셀씩 설정하고 좌우에 50픽셀씩 여백처리를 하는 방식으로요.

 

 

답변을 작성하시기 전에 로그인 해주세요.
전체 1

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT