是否有更简单的方法来加载随机图像?

时间:2017-05-24 08:28:50

标签: javascript html image random

我不认为我正确地解释了这一点,但我最终回答了我自己的问题,基本上我正在寻找删除头部代码,因为它使文档看起来很丑,并且每次滚动时都非常乏味,我将头部javascript代码放入其文件中并从索引头部分删除了代码,它似乎工作得很好。

谢谢大家的帮助!

/关闭 /回答

任何人都可以指出在index.html页面上加载随机图像的更简单方法吗?

这是我使用

的当前方法

在头部:

MATCH (s:Student)-[v:VISITED]->(r:Room)
WHERE size((s)-[:VISITED]->()) > 1
WITH s, r
ORDER BY v.entered ASC
WITH s, collect(r.roomID) as rooms
RETURN rooms, count(s)

在正文部分:

// It currently goes to css/images/images/410.png, I have just put six here so it isn't long and annoying

<script type="text/javascript">
var imageURLs = [
   "css/images/avatars/1.png"
 , "css/images/avatars/2.jpg"
 , "css/images/avatars/3.png"
 , "css/images/avatars/4.png"
 , "css/images/avatars/5.png"
 , "css/images/avatars/6.png"
 ];
 function getImageTag() {
 var img = '<img src=\"';
 var randomIndex = Math.floor(Math.random() * imageURLs.length);
 img += imageURLs[randomIndex];
 img += '\" alt=\"Oh no, the image is broken!\"/>';
 return img;
 }
 </script>

我目前共有410张图片,因此你可以想象它在头部代码中有多烦人

1 个答案:

答案 0 :(得分:2)

如果您的图像都是这样命名的,那么这应该有效:

<script type="text/javascript">
var imagesCount = 410;
 function getImageTag() {
 var img = '<img src=\"css/images/avatars/';
 var randomIndex = 1+Math.floor(Math.random() * imagesCount );
 img += randomIndex;
 img += '.png\" alt=\"Oh no, the image is broken!\"/>';
 return img;
 }
 </script>