본문 바로가기

Tip

태터데스크 썸네일 수정 방법

출처 : http://www.crazybar.net/512


이미지가 없을때 썸네일을 아예 안보이게 해보려고 하다가...

검색해보니 있네요. 잘 만들어 놓으셨네요.

썸네일 목록형 선택후에 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
syntaxhighlighter 사용하기.  (0) 2008.07.22
버그 없는 깨끗한 프로그램 만들기  (0) 2008.07.21