태터데스크 썸네일 수정 방법
Posted 2008/07/22 21:35
출처 : http://www.crazybar.net/512
이미지가 없을때 썸네일을 아예 안보이게 해보려고 하다가...
검색해보니 있네요. 잘 만들어 놓으셨네요.
썸네일 목록형 선택후에 HTML 수정
이 내용을...
이내용으로 교체
스타일 수정에 추가
이미지가 없을때 썸네일을 아예 안보이게 해보려고 하다가...
검색해보니 있네요. 잘 만들어 놓으셨네요.
썸네일 목록형 선택후에 HTML 수정
[\##_item_thumbnail_##]
이 내용을...
<SCRIPT language=javascript type=text/javascript>
str = String('[\##_item_thumbnail_##]')
result = str.match(/<img[^>]*src=\"([^\"]*)\"[^>]*alt=\"([^\"]*)\"[^>]*>/i);
imgSrc = result[1];
imgAlt = result[2];
if(imgSrc.lastIndexOf('imgempty.png') < 0) {
document.write('<div class="TD_thumbimg">');
document.write('<a href="[\##_link_data_##]"><img src="' + imgSrc + '" alt="' + imgAlt + '"></a>');
document.write('</div>');
}
</SCRIPT>
이내용으로 교체
스타일 수정에 추가
.TD_thumbimg {
float:right;
margin: 5px;
padding:0;
}
.TD_thumbimg img{
max-width: 160px;
max-height: 160px;
width: 160px;
border: 1px solid #ccc;
margin:0;
padding:3px;
}
'Tip' 카테고리의 다른 글
| 링크 현재창/새창 구분하기 (0) | 2008/07/28 |
|---|---|
| 대문 로딩시간 체크 - webwait.com (0) | 2008/07/28 |
| HTML 특수문자코드표 (0) | 2008/07/23 |
| 태터데스크 썸네일 수정 방법 (2) | 2008/07/22 |
| syntaxhighlighter 사용하기. (0) | 2008/07/22 |
| 버그 없는 깨끗한 프로그램 만들기 (0) | 2008/07/21 |
- Filed under : Tip
- Tag : 태터데스크
- 2 Comments Trackback
azyDream
| 2008/07/22 22:15 | PERMALINK | EDIT | REPLY |첫 페이지 만들기 누르고 완료한후에 제대로 표시 되네요.
호아범
| 2008/07/23 11:31 | PERMALINK | EDIT | REPLY |트랙백 보고 왔습니다.
잘 되신다니 다행입니다. ^^