簡單的說,就是只要有這一套,就能保證什麼檔案都能播,你還等什麼,還不快去下載。

軟體位置:按我下載 ...
Read more
提供一些平面設計與網頁設計作品及學習上經驗分享,FLASH開發、DreamWeaver 、CSS、PhotoShop、Illustrator、InDesign教學及其他設計軟體使用心得及技巧分享!!
網站外部因素
要把一張大圖片按比例縮小到某個尺寸,對於現代瀏覽器,直接使用 max-width 和 max-height 兩個 CSS 語法即可。
咦~~什麼叫現代瀏覽器呢?像是 FireFox OR Opera 等都是,至於咱們常看見的 IE 6.0 及以下版本,其實我真的想要說 IE 全系列都很難算得上現代瀏覽器,好啦,回到話題,重點是以上兩個 CSS 屬性都不會被執行,因為 IE 看不懂,也不技援。所以之前處理這種事情,我們一般來說往往都會借助 Javascript,然後幫圖片加上 onload 事件。例如:
<img src="圖片名稱" onload="resizeImg(this)" />
<script type="text/javascript">
function resizeImg(obj) {
obj.width = obj.width > 50 && obj.width > obj.height ? 50 : auto;
obj.height = obj.height > 50 ? 50 : auto;
}
</script>
.thumbImage {
/* 這是標準 CSS 2.0 語法,可以限定最大寬度,即然有 max-width,那當然也就會有 min-width 囉!至於 max-height 使用方法當然也就相同囉 */
max-width: 100px;
max-height: 100px;
}
/* 加上 * 星號,這是 IE 專用,至於這個 CSS Hacks 的使用時機,我會另開一篇來說明 */
* html .thumbImage {
width: expression(this.width > 50 && this.width > this.height ? 50 : auto);
height: expresion(this.height > 50 ? 50 : auto);
}
...