최신글 스킨의 썸네일사이즈 자동조정 문의
본문
최신글 스킨의 갤러리 스킨들을 보면 썸네일 사이즈가 항상 문제가 되네요.
썸네일 사이즈를 고정사이즈가 아닌, 한줄에 표시될 이미지 수에 따라서
가로폭에 맞추어 %단위로 자동조정되게 하려면 어떻게 하면 될까요?
예를들어 한줄에 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픽셀씩 여백처리를 하는 방식으로요.
답변을 작성하시기 전에 로그인 해주세요.