썸네일 이미지 흐림 질문드립니다 ㅠ 채택완료
http://www.fermi.co.kr/bbs/board.php?bo_table=portfolio&page=">http://www.fermi.co.kr/bbs/board.php?bo_table=portfolio&page=
view에 넣은 이미지는 깔끔하게 잘 나오는데
list에 나오는 썸네일은 뿌옇게 보이는 것 같습니다. 어떻게 수정하면 되는건가요..?
이미지 크기는 그렇게 작지 않은데.. css로 조정 가능하다면 어떻게 조정해야할까요?
답변 2개
1. style.css에서 이미지의 border값을 삭제하고 부모 li에 border 값을 적용해 줍니다.
/skin/board/dweb_gallery/style.css
#bo_gall .gall_con li:first-child { border:1px solid #e3e3e3; border-bottom:none; }
#bo_gall .gall_con li img { /* width:100%; */ /* border:1px solid #e3e3e3; */ /* border-bottom:none; */
max-width: 100%; height:auto; box-sizing:border-box; }
==== 아래의 2_1, 2_2 중 하나의 방법으로 적용해 봅니다. ====
2_1. portfolio 스킨의 list.skin.php에서 이미지 불러오는 소스 부분의 $thumb['src']를 $thumb['ori']로 변경합니다.
ex) $img_content = '';
* $thumb['src']는 썸네일 이미지를, $thumb['ori']는 원본 이미지를 불러옵니다.
2_2. 썸네일 이미지의 사이즈를 width: 274, height: 131로 수정합니다. (보더값을 li에 적용했으므로 )
==== 추가 ====
다 적용 한 후 흐려보이는 이미지가 하나 있을것 입니다.
원본이미지가 다 274*131 인데, 흐려보이는 이미지만 276*132일 것입니다.
원본 이미지 사이즈 274*131로 다시 조정해 저장하시면 됩니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
혹시 다른 방법은 없을까요?