时间戳

首页 > 解决方案 > 随机化图片链接到不同的 url JavaScript

javascript - 随机化图片链接到不同的 url JavaScript

问题描述

我正在尝试这样做，以便单击每个随机化图像将链接到它所属的相应 url，即单击 facebook 图像将转到 facebook.com，单击 twitter 将转到 twitter.com

目前我的代码是：

    <p id="background" style="width:12%;height:23%"></p>
    <script type="text/javascript">
    function randomImage() {
        var fileNames = [
        "image1.png",
        "image2.jpg",
        "image3.png"
    ];


    var randomIndex = Math.floor(Math.random() * fileNames.length);

    document.getElementById('background').style.background = 'url(' + 
    fileNames[randomIndex] + ')';
    }
    randomImage();
    setInterval(randomImage, 2000);

   </script>

我尝试添加各种其他方法来添加 url，但是添加后我的图像总是会消失。谢谢你看这篇文章。

标签： javascripthtml

解决方案

它没有显示，因为您将图像的高度设置为百分比，下面是工作示例：

<div style="height: 100vh;"><p id="background"style="width:12%;height:23%" ></p></div>

推荐阅读