html如何写，在统一大小的区域显示不同图片，并且显示的图片按原图比例显示_随笔

假如你需要把所有的图片显示在140*226的区间里面，那么就使用下面这样的代码（代码在我的网站正常使用，没有问题）：

<img src=2009/04/1232336585-19.jpg onload='if (this.width>140 || this.height>226) if (this.width/this.height>140/226) this.width=140else this.height=226'>

原理：

用JS在加载图片后判断图片是否突破规定的高和宽，如果超过再根据图片的宽高比例进行调整。特别说明，JS代码只限制图片的高或者宽时，宽或者高会按照比例进行相应调整。

因为你是在img里面写的onclick=“danji（）”。这样的话是没有办法获取到this.src这个属性的值得。所以没有办法显示。你可以换成以下代码，将需要点击的图片获取成一个对象，对你的对象进行绑定点击事件。即可

<body>

</body>

document.getElementById('clickThis').onclick = function () {

console.log(this.src)

document.getElementById("im").src = this.src

}

</script>

要是想鼠标经过的时候就将onclick换成onmouseover即可

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/zaji/7612324.html

html如何写，在统一大小的区域显示不同图片，并且显示的图片按原图比例显示

发表评论

评论列表（0条）