对于我的网络漫画网站,我正在努力让您每次访问/刷新网站时,图像都会变成不同的角色。我花了几个小时试图让这个代码在我的网站上工作,以便图像在刷新时发生变化,我几乎得到了它,但是图像对于页面来说太大了,我不知道如何调整它们的大小。我尝试自己编辑图像,但这只是一个临时解决方案,因为它们模糊且质量低下,这是一个问题,因为这是一个展示我的艺术作品的网站,我不希望我的艺术作品最终变得模糊,特别是因为这是您访问的第一页。我不喜欢为我的页面使用单独的 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
这应该会改变你的图像的大小(你可以改变像素到你想要的大小。