Question

我有一个带有此css属性的box 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);
});

这是问题所在：

当我缩放图像时，新的宽度和高度例如是宽度500px和高度600px，但图像的可见部分是div框的尺寸（宽度400px和高度300px），所以如果我使用Jquery宽度（）或css（“width”）它将始终返回400px。

Answer 1

你尝试过parseInt方法吗？这种方式应该只返回数字;

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

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

获取缩放图像的尺寸

1 个答案: