如何在不使用 CSS 页面的情况下更改随机图像的图像大小?

问题描述 投票:0回答:1

对于我的网络漫画网站,我正在努力让您每次访问/刷新网站时,图像都会变成不同的角色。我花了几个小时试图让这个代码在我的网站上工作,以便图像在刷新时发生变化,我几乎得到了它,但是图像对于页面来说太大了,我不知道如何调整它们的大小。我尝试自己编辑图像,但这只是一个临时解决方案,因为它们模糊且质量低下,这是一个问题,因为这是一个展示我的艺术作品的网站,我不希望我的艺术作品最终变得模糊,特别是因为这是您访问的第一页。我不喜欢为我的页面使用单独的 CSS 文件,因为它们让我感到困惑,而且我喜欢将所有内容都放在一个 html 文件中,但如果确实没有其他方法,那么我愿意放弃它。

这是我的 html 内容:

table style="width: 81%; margin-left: calc(9%); margin-right: calc(10%);"><tbody><tr><img id="furFag"/>
</td>

<script langauge = javascript>

function getRandomImage() {

var images = ['/assets/those_guys/1.png', '/assets/those_guys/2.png', '/assets/those_guys/3.png', '/assets/those_guys/4.png'];
var image = images[Math.floor(Math.random()*images.length)];
 
return image;

}
 
function displayRandomImage() {

var htmlImage = document.getElementById("furFag");
htmlImage.src = getRandomImage();

}
displayRandomImage();


var images = ['/assets/those_guys/2.png', '/assets/those_guys/3.png', '/assets/those_guys/4.png'];

var htmlImage = document.getElementById("furFag");


</script>

如果有人能够提供帮助,将不胜感激!谢谢:3

javascript html image resize image-resizing
1个回答
0
投票

这应该会改变你的图像的大小(你可以改变像素到你想要的大小。

© www.soinside.com 2019 - 2024. All rights reserved.