設定寬度和在WebKit瀏覽器與jquery圖像的高度

我使用的負載事件來設置該圖像的寬度和高度的圖像：

$(window).load(function() { 
    //Here I calculate final w and h 
    $('.mypic').css("width",w); 
    $('.mypic').css("height",h); 
    $('.mypic').height(h); 
    $('.mypic').width(w); 
});

在firefox我沒有任何問題，但在webkit瀏覽器的高度沒有設置，我不知道爲什麼。這很奇怪，因爲寬度沒有問題。不知道Safari和Chrome會發生什麼。我錯過了什麼嗎？有人能幫助我嗎？

非常感謝Thankyou。

來源

2010-10-14 user475849

你打算如何計算'w'＆'h'？請提供您使用的代碼。 – 2010-10-14 14:22:15

嘗試

$(function() { 
    //put your code here 
    $('.mypic').css({ 
    'width': w, 
    'height': h 
    }); 
});

我在這裏做了幾件事：

封裝所有的功能，並把它傳遞給jQuery對象（$）將確保在運行文檔加載時（另一個方便的使用$）。

您可以使用要設置的屬性的JSON對象對CSS進行一次調用。

哦，並且設置CSS高度和調用.height（h）除了它們的返回值（http://api.jquery.com/height/）之外都是相同的，並且因爲您沒有使用返回值，所以不需要同時調用兩者。

無論如何，經過測試，它可以在Chrome和Safari中使用。

來源

2010-10-14 14:21:40 EMMERICH

好的！我看到你說的是什麼，但是我寫的代碼片段「//我在這裏計算最終的w和h」需要在頁面加載後執行，包含圖像，因爲我得到了圖像的實際寬度和高度在考慮瀏覽器窗口的寬度和高度來調整它的大小之前......如果有幫助，我複製粘貼整個代碼。 – user475849 2010-10-14 14:36:55

$（窗口）.load（函數（）{\t \t //計算的高度和寬度爲中央圖像 \t變種totalWidth = $（窗口）.WIDTH（）的值; \t變種totalHeight = $（窗口） .height（）; \t變種總和= 510; //主= 248 + primaryRight = 212 +餘量= 50 \t變種maxWidth = totalWidth-總和; \t變種maxHeight = totalHeight-30; \t變種瓦特= $（ '.slides2 img'）。width（）; \t var h = $（'。slides2 img'）。height（）; \t if（w user475849 2010-10-14 14:37:36

我已經添加了對原始代碼的評論，只需將您的代碼放在那裏即可。只要w和h在你到達css時被定義，它就會執行。 – EMMERICH 2010-10-14 14:44:58

設定寬度和在WebKit瀏覽器與jquery圖像的高度

回答

相關問題