获取缩放图像的尺寸

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()); 

有没有例子向我们展示这个问题？