Javascript 随机加载不在同一目录中的图像

Javascript 随机加载不在同一目录中的图像,javascript,jquery,css,Javascript,Jquery,Css,我希望在每次重新加载页面时随机加载图像。但是,要使用的代码不能只是从某个目录中选择一张照片,而是每次都需要随机选择一条预设路径,指向不同目录中的不同照片 预设路径如下所示: 下面是一些代码。应取出下面代码中已经可见的照片。把它放在那里,这样现在就可以看到一些东西了 #myContainer{ 位置:绝对位置; 高度:150像素; 宽度:150px; 背景色:#ffffff; 边缘顶部:30px; 边界半径:75px; 溢出:隐藏; 边框样式:实心; 边框宽度:8px; 边框颜色:#fff

我希望在每次重新加载页面时随机加载图像。但是,要使用的代码不能只是从某个目录中选择一张照片,而是每次都需要随机选择一条预设路径,指向不同目录中的不同照片

预设路径如下所示:

下面是一些代码。应取出下面代码中已经可见的照片。把它放在那里,这样现在就可以看到一些东西了

#myContainer{
位置:绝对位置;
高度:150像素;
宽度:150px;
背景色:#ffffff;
边缘顶部:30px;
边界半径:75px;
溢出:隐藏;
边框样式:实心;
边框宽度:8px;
边框颜色:#ffffff;
填充:8px;
}
#我的照片{
宽度:150px;
高度:自动;
利润上限:-8px
}

var图像=[
'https://static.webshopapp.com/shops/054833/files/097622657/eddy-hilhorst-fotel-photography-courses-tours.jpg',
'https://static.webshopapp.com/shops/054833/files/097622663/hiromi-fujii-fotel-photography-courses-tours.jpg',
'https://static.webshopapp.com/shops/054833/files/097622666/jungsoon-suh-fotel-photography-courses-tours.jpg'
];
var rand=images[Math.floor(Math.random()*images.length)];
document.querySelector('#myPhoto').src=rand

您可以使用
Math.random()
在每次加载中选择一个介于0和图片数组长度之间的随机整数,然后通过生成随机索引的所选图片更改源
src

var pictures_array = [];
var min=0;
var max=pictures_array.length;
var random = Math.floor(Math.random() * max) + min;

$('#myPhoto').attr('src', pictures_array[random]);
希望这有帮助

var图片\u数组=[
'https://static.webshopapp.com/shops/054833/files/097622657/eddy-hilhorst-fotel-photography-courses-tours.jpg',
'https://static.webshopapp.com/shops/054833/files/097622663/hiromi-fujii-fotel-photography-courses-tours.jpg',
'https://static.webshopapp.com/shops/054833/files/097622666/jungsoon-suh-fotel-photography-courses-tours.jpg'
];
var min=0;
var max=图片×数组长度;
var random=Math.floor(Math.random()*max)+min;
$('#myPhoto').attr('src',pictures_array[random])
#myContainer{
位置:绝对位置;
高度:150像素;
宽度:150px;
背景色:#ffffff;
边缘顶部:30px;
边界半径:75px;
溢出:隐藏;
边框样式:实心;
边框宽度:8px;
边框颜色:#ffffff;
填充:8px;
}
#我的照片{
宽度:150px;
高度:自动;
利润上限:-8px
}


感谢Teemu一直在搜索,但只能找到使用位于同一目录中的图像的代码。
var images=[”https://static.webshopapp.com/shops/054833/files/097622657/eddy-hilhorst-fotel-photography-courses-tours.jpg","https://static.webshopapp.com/shops/054833/files/097622663/hiromi-fujii-fotel-photography-courses-tours.jpg","https://static.webshopapp.com/shops/054833/files/097622666/jungsoon-suh-fotel-photography-courses-tours.jpg“];
和have
document.getElementById(“myPhoto”).src=images[Math.floor(Math.random()*images.length]
这些示例使用数组来存储图像的相对路径,对吗?是什么阻止您存储绝对地址?我将图像上载到一个webshop后台,该后台生成URL地址,然后存储图像。@Eddy当然有:)欢迎您,编码愉快!