출처 : 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 |
syntaxhighlighter 사용하기. (0) | 2008.07.22 |
버그 없는 깨끗한 프로그램 만들기 (0) | 2008.07.21 |