Question

我是前端网页设计师，对javascript知之甚少，但我想要包含一个基于javascript的图像随机数发生器（每次用户刷新页面时图像都会改变）但是唯一的问题我真的不确定如何通过CSS使元素响应。在这一点上，我甚至不确定它是否可能，但是我已经尝试将脚本封装在div中并且还给img标记了一个类并将其添加到CSS中并且似乎没有任何内容工作。

我发现的脚本本身很棒，但我需要能够将样式（特别是响应式样式！）应用到它上面，而且我真的很难过。

这是脚本本身：

<script type="text/javascript">
        var total_images = 3;
        var random_number = Math.floor((Math.random()*total_images));
        var random_img = new Array();
        random_img[0] = '<a href="page1.html"><img class="center" src="red.png"></a>';
        random_img[1] = '<a href="page2.html"><img class="center" src="blue.png"></a>';
        random_img[2] = '<a href="page3.html"><img class="center" src="placeholderbanner.png"></a>';
        document.write(random_img[random_number]);
        </script>

有没有人对如何做到这一点有一些好的建议？我真的很感激我能得到的任何帮助！

Answer 1

只需将以下内容添加到CSS或将其放入标记

即可

    .center {
        float: left;
        max-width: 100%;
     }

使用css使javascript图像随机发生器响应？

1 个答案: