如何找出燈箱的尺寸？

Question

關於燈箱。該框調整其尺寸以匹配圖片。問題是如何找出圖片的大小？

Answer 1

我假定到一個類似於：

imgWidth = $(img).width(); 
imgHeight = $(img).height(); 

它將加載圖像中的隱藏的元素（或定位到屏幕），得到的尺寸，通過動畫容器以適應，然後暴露所述圖像（通常某種過渡/動畫）。

Answer 2

要回答有關檢測何時完成加載的評論，我相信你可以使用onLoad事件。 jQuery中這看起來像財產以後：

$('img').attr('src', 'uri/for/image').load(callbackFunction);

或手動：

var tmp = new Image(); 
tmp.onload = callbackFunction; 
tmp.src = 'uri/for/image'; 

您callbackFunction可以再使用$(this).height()和$(this).height()安全。所以你的callbackFunction是你將有實際的邏輯來觸發你的其他實施。

在很多情況下，如果看到這個回調（或其等價的實現）只是簡單地設置一個全局變量，然後在代碼中的其他地方，你會看到每N毫秒輪詢這個變量。當它的設置會觸發劇本的其餘部分。