javascript IE7 瀏覽器本地圖片預覽

2024-05-06 14:15:57

字體：大中小

來源：轉載

供稿：網友

說明：
在對象容器邊界內，在對象的背景和內容之間顯示一張圖片。并提供對此圖片的剪切和改變尺寸的操作。如果載入的是PNG(Portable Network Graphics)格式，則0%-100%的透明度也被提供。
語法：
filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL )
enabled：可選項。布爾值(Boolean)。設置或檢索濾鏡是否激活。
true：默認值。濾鏡激活。
false：濾鏡被禁止。
sizingMethod：可選項。字符串(String)。設置或檢索濾鏡作用的對象的圖片在對象容器邊界內的顯示方式。
crop：剪切圖片以適應對象尺寸。
image：默認值。增大或減小對象的尺寸邊界以適應圖片的尺寸。
scale：縮放圖片以適應對象的尺寸邊界。
src：必選項。字符串(String)。使用絕對或相對 url 地址指定背景圖像。假如忽略此參數，濾鏡將不會作用。
具體操作：
為預覽區域（比如要在某個 div 中預覽）添加樣式：filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);。
為 AlphaImageLoader 設置 src 屬性。
示例文件:

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

上一篇：JavaScript 快捷鍵設置實現代碼

下一篇：JS中==與===操作符的比較