獲取縮放圖像的尺寸

Question

我有一個帶有此CSS屬性的盒子div：width:400px; height:300px; overflow:hidden;。裏面我有一個圖像。 使用Iscroll4我可以縮放並移動框內的圖像。 工作都很好，但與Jquery如果我得到縮放圖像的尺寸該功能將返回總是400px的尺寸和300px的高度尺寸。

$('#dimpos').bind("click", function (event, ui) { 
    var imgzoomed = $('#Container img'); 
    var position = imgzoomed.position(); /* <----------- Work Fine */ 
    var dim_width = imgzoomed.css("width"); /* <----------- Don't Work but return 400px */ 
    var dim_height = imgzoomed.height(); /* <----------- Don't Work but return 300px */ 
    $('#gdp').text("Position (left: " + position.left + ", top: " + position.top + ") - Width: " + dim_width + " Height: " + dim_height); 
}); 

---

這就是問題：

當我縮放圖像的新的寬度和高度是例如寬度500像素和高度600像素，但圖像的可見部分是的尺寸div框（寬度400px和高度300px），所以如果我使用Jquery width（）或css（「width」），它將始終返回400px。

Answer 1

你試過parseInt方法嗎？這種方式應該只返回數字;

var dim_width = parseInt($('#Container img').css("width")); 
var dim_height = parseInt(imgzoomed.height()); 

有沒有例子向我們展示這個問題？