jquery点小图弹出大图，怎样显示图片实际尺寸？

2025-04-22 02:12:24

推荐回答（2个）

回答1：

1、首先你要先准备好small.jpg、big.jpg小图和大图；

2、然后加载jquery文件；

3、开始写效果代码。

效果代码如下：

------------------html代码------------------------

图片实际尺寸大小：

Jquery代码：

回答2：

function getImgSize(imgSrc) {
    var newImg = new Image();

    newImg.onload = function() {
      var height = newImg.height;
      var width = newImg.width;
      alert ('The image size is '+width+'*'+height);
    }

    newImg.src = imgSrc; // imgSrc为图片地址
}

如果你的浏览器支持HTML5, 你还可以用以下代码。

var h = document.querySelector('img').naturalHeight;
var w = document.querySelector('img').naturalWidth;