织梦CMS图片太大自动按比例缩放

wdzsjl 4周前 (10-29) 阅读数 18 #其它CMS

使用 JavaScript 脚本

在页面中添加以下 JavaScript 脚本：

<script type="text/javascript"> function resizeImage(ImgD, iwidth, iheight) {     var image = new Image();     image.src = ImgD.src;     if (image.width > 0 && image.height > 0) {         if (image.width / image.height >= iwidth / iheight) {             if (image.width > iwidth) {                 ImgD.width = iwidth;                 ImgD.height = (image.height * iwidth) / image.width;             } else {                 ImgD.width = image.width;                 ImgD.height = image.height;             }         } else {             if (image.height > iheight) {                 ImgD.height = iheight;                 ImgD.width = (image.width * iheight) / image.height;             } else {                 ImgD.width = image.width;                 ImgD.height = image.height;             }         }         ImgD.alt = image.width + "×" + image.height;     } } </script>

在图片标签中调用该函数：

<img src="path/to/image.jpg" onload="resizeImage(this, 300, 200)" />

上一篇：Swiper幻灯片设置图片自动高度的方法下一篇：emlog安装的时候提示“服务器空间php不支持mysql数据库”

织梦CMS图片太大自动按比例缩放

作者文章