묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
썸네일 추출시 이미지를 css background로 불러올 수도 있나요?
2010.12.30 17:13
/
안녕하세요 웹사이트 제작중에 궁금한 점이 있어 문의 드립니다.
사이트의 메인을 마크업하고 있습니다.
메인에는 최근 게시물을 추출해서 뿌려줄 요량으로 디자인 했고
썸네일과 함께 제목, 내용 등을 추출 할 예정입니다.
충분히 가능 하리라 예상하고 썸네일을 모두 라운디드 코너로 처리했는데요
크로스브라우징을 만족하는 방법이 그다지 많지 않더군요.
일단 썸네일 추출을 염두해 두고 <img> 자체에 class로 적용하는 방법 위주로 검색했습니다.
CSS3는 구형 IE에서는 지원이 힘들고,
jQuery를 사용해서 이미지 자체에 구현하는 소스는 VML렌더 문제로 IE에서 이미지가 흐려지는 치명적인 문제가 있구요.
결국 남은 방법이 div를 라운드 처리하고 해당 div의 배경으로 이미지를 불러오는 것입니다.
서두가 길었지요? 핵심만 말하자면
<div style="background:url(thumbnail.png)">
thumbnail.png부분에 썸네일 이미지를 추출 할 수 있나요?
가능합니다.
해당 위젯 스킨에서 <img>로 썸네일 이미지를 출력하는 부분을 바꾸시면 됩니다.