javascript IE7 瀏覽器本地圖片預(yù)覽
更新時(shí)間:2009年03月19日 01:05:04 作者:
在 IE6 中,可以很方便地利用 img 的 src 屬性,實(shí)現(xiàn)本地圖片預(yù)覽,然而在 IE7 中,這種辦法卻行不通。需要用 AlphaImageLoader
說(shuō)明:
在對(duì)象容器邊界內(nèi),在對(duì)象的背景和內(nèi)容之間顯示一張圖片。并提供對(duì)此圖片的剪切和改變尺寸的操作。如果載入的是PNG(Portable Network Graphics)格式,則0%-100%的透明度也被提供。
語(yǔ)法:
filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL )
enabled:可選項(xiàng)。布爾值(Boolean)。設(shè)置或檢索濾鏡是否激活。
true:默認(rèn)值。濾鏡激活。
false:濾鏡被禁止。
sizingMethod:可選項(xiàng)。字符串(String)。設(shè)置或檢索濾鏡作用的對(duì)象的圖片在對(duì)象容器邊界內(nèi)的顯示方式。
crop:剪切圖片以適應(yīng)對(duì)象尺寸。
image:默認(rèn)值。增大或減小對(duì)象的尺寸邊界以適應(yīng)圖片的尺寸。
scale:縮放圖片以適應(yīng)對(duì)象的尺寸邊界。
src:必選項(xiàng)。字符串(String)。使用絕對(duì)或相對(duì) url 地址指定背景圖像。假如忽略此參數(shù),濾鏡將不會(huì)作用。
具體操作:
為預(yù)覽區(qū)域(比如要在某個(gè) div 中預(yù)覽)添加樣式:filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);。
為 AlphaImageLoader 設(shè)置 src 屬性。
示例文件:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
在對(duì)象容器邊界內(nèi),在對(duì)象的背景和內(nèi)容之間顯示一張圖片。并提供對(duì)此圖片的剪切和改變尺寸的操作。如果載入的是PNG(Portable Network Graphics)格式,則0%-100%的透明度也被提供。
語(yǔ)法:
filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL )
enabled:可選項(xiàng)。布爾值(Boolean)。設(shè)置或檢索濾鏡是否激活。
true:默認(rèn)值。濾鏡激活。
false:濾鏡被禁止。
sizingMethod:可選項(xiàng)。字符串(String)。設(shè)置或檢索濾鏡作用的對(duì)象的圖片在對(duì)象容器邊界內(nèi)的顯示方式。
crop:剪切圖片以適應(yīng)對(duì)象尺寸。
image:默認(rèn)值。增大或減小對(duì)象的尺寸邊界以適應(yīng)圖片的尺寸。
scale:縮放圖片以適應(yīng)對(duì)象的尺寸邊界。
src:必選項(xiàng)。字符串(String)。使用絕對(duì)或相對(duì) url 地址指定背景圖像。假如忽略此參數(shù),濾鏡將不會(huì)作用。
具體操作:
為預(yù)覽區(qū)域(比如要在某個(gè) div 中預(yù)覽)添加樣式:filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);。
為 AlphaImageLoader 設(shè)置 src 屬性。
示例文件:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
您可能感興趣的文章:
- JS預(yù)覽圖像將本地圖片顯示到瀏覽器上
- Javascript圖片上傳前的本地預(yù)覽實(shí)例
- 在頁(yè)面預(yù)覽客戶端本地圖片的js代碼(兼容FF IE)
- 純JS實(shí)現(xiàn)本地圖片預(yù)覽的方法
- javascript firefox不顯示本地預(yù)覽圖片問(wèn)題的解決方法
- JS中利用FileReader實(shí)現(xiàn)上傳圖片前本地預(yù)覽功能
- JavaScript實(shí)現(xiàn)圖片本地預(yù)覽功能【不用上傳至服務(wù)器】
- 原生js FileReader對(duì)象實(shí)現(xiàn)圖片上傳本地預(yù)覽效果
- 基于JavaScript實(shí)現(xiàn)本地圖片預(yù)覽
- JavaScript實(shí)現(xiàn)預(yù)覽本地上傳圖片功能完整示例
- js實(shí)現(xiàn)的在本地預(yù)覽圖片功能示例
相關(guān)文章
發(fā)一個(gè)自己用JS寫的實(shí)用看圖工具實(shí)現(xiàn)代碼
所以決定慢慢來(lái)照顧一下博客吧,這里先把眼前就有的一個(gè)小東西拿出來(lái)和大家分享一下,這是2006年的時(shí)候(文本里記下了時(shí)間,不然也忘記了)為了自己看網(wǎng)絡(luò)圖片方便而寫的。2008-07-07JavaScript 控制圖片改變重疊順序的代碼(鼠標(biāo)移動(dòng)切換)
JavaScript實(shí)例,通過(guò)控制Html網(wǎng)頁(yè)元素,來(lái)控制圖片的重疊順序,鼠標(biāo)移上某一張,那一張就顯示在最前面,移動(dòng)到最后層,它會(huì)顯示在最前,有意思吧,其實(shí)挺簡(jiǎn)單。2010-10-10js實(shí)現(xiàn)圖片等比縮略顯示 支持IE/FF
js實(shí)現(xiàn)圖片等比縮略顯示 支持IE/FF...2007-02-02用dom+xhtml+css制作的一個(gè)相冊(cè)效果代碼打包下載
2008-01-01javascript 鼠標(biāo)懸浮圖片顯示原圖 移出鼠標(biāo)后原圖消失(多圖)
其實(shí)我想實(shí)現(xiàn)的只是大圖預(yù)覽,不需要太復(fù)雜。后來(lái),在原來(lái)有的javascript資料里找到這個(gè):)“JavaScript網(wǎng)頁(yè)設(shè)計(jì)300例.chm”, 從里面找到了類似的下拉菜單的例子修改了一下,以實(shí)現(xiàn)這個(gè)功能。2009-12-12