2013-07-23 96 views
0

我有一個動態更改的圖像元素,如果需要動態調整大小以適應其容器。ie6 img寬度:自動不起作用

我現在的流程是:

  1. 復位圖像:

    // make sure the 'load' event is re-triggered 
    img.src = ""; 
    // reset dimensions 
    img.style.width = "auto"; 
    img.style.height = "auto"; 
    
  2. 設置它的新來源,並等待它加載

    img.src = newImageSource; 
    
  3. 在圖像

    onload處理器,尺寸經過測試,如有必要,更改:

    img.style.width = newWidth + "px"; 
    

此作爲圖像被改變(無窮大)被重複的次數。

這適用於所有測試過的瀏覽器(ie7,8,9,10,FF,Chrome),但ie6設置寬度/高度爲「auto」似乎將元素大小調整爲25 x 25像素左右,無論實際圖像尺寸。

所以;有沒有辦法將圖像尺寸重置爲「auto」的等效值,以便隨後加載的圖像的尺寸確定ie6的元素尺寸?

+1

我無法控制我客戶的客戶,你是否每個ie6問題發佈這個? – pstanton

+0

向您的客戶推薦此內容:http://www.ie6countdown.com/(©2013 Microsoft) –

+1

您認爲我沒有?請建設性的。 – pstanton

回答

1

我相信你可以寫

img.style.width = ""; 

的寬度設置爲auto它的默認值。顯然img.style.width = "auto";不以相同的方式工作。

+0

謝謝,這似乎是跨瀏覽器,所以不需要用戶代理檢查 – pstanton