Javascript 随机图像旋转器调整图像大小?

标签 javascript html css image html-table

Dreamweaver 新手(今晚开始......)。

我正在构建一个网站,每次重新加载时我的想法是它会生成一个随机图像 - 这似乎工作得很好,但问题是所有图像的大小都不同,它可能看起来不对。

有没有办法将每个图像统一为相同的大小和对齐方式,我尝试将 JS 添加到 <td> 内的表格中但无济于事。

我使用的 JS 是:

<script language="JavaScript">
<!--

/*
Random Image Script- By JavaScript Kit (http://www.javascriptkit.com) 
Over 400+ free JavaScripts here!
Keep this notice intact please
*/

function random_imglink(){
var myimages=new Array()
//specify random images below. You can have as many as you wish
myimages[1]="image1.jpg"
myimages[2]="image2.jpg"

var ry=Math.floor(Math.random()*myimages.length)
if (ry==0)
ry=1
document.write('<img src="'+myimages[ry]+'" border=0>')
}
random_imglink()
//-->
</script>

最佳答案

只需设置一个静态宽度,如 width='200px'。这将导致所有图像的宽度为 200px,但高度为 200px。注意:这不会裁剪图像。

document.write('<img width="200px" src="'+myimages[ry]+'" border=0>')

关于Javascript 随机图像旋转器调整图像大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48836149/

相关文章:

HTML Input Droppable + Libre Office

javascript - 我无法使用 jquery 选择 Font Awesome 元素

javascript - 动态添加谷歌+1按钮和IE8问题

html - firefox 不接受@font-family 声明

javascript - 使用 mongoose 更新 MongoDB 中数组中的对象

javascript - 如何在 Angular.js 中从 html 传输数据?

javascript - 重新定位 CSS 容器

javascript - 使用 Perl Selenium::Remote::Driver for Javascript 稍后加载页面

javascript - 使用 HTML/JavaScript 检查链接是否有效并在链接损坏时隐藏/禁用

javascript - 产品中的 Angular 4 SEO 友好解决方案