如何使用Jquery从我的Image目录中随机加载单个图像？

我是Jquery / Javascript的新手，我想从我的图像目录中将一个图像加载到我的主页上，以便在刷新新的随机图像时出现。 有没有办法让Jquery只是访问我的图像文件夹并随机加载任何图像？ 我目前正在使用一个JS代码，要求我输入我想要加载的每个图像名称。 这是详尽的，虽然我可能对Jquery知之甚少，但我认为这可以以更清洁的方式完成。 如果我天真，我会提前道歉。

Answer 1

当您在HTML标记中链接到它们时，您可以使用js函数中的相同链接链接到它们。

不确定如何设置目录结构，但作为示例。

• DIR
  • 图片
    • image1.jpg
  • 脚本
    • 的script.js
  • 样式
  • 的index.html

在您的js文件中，您只需链接到images/image1.jpg

在

标签中添加：

然后在你的script.js文件中执行以下操作之一：

 //Raw Javascript function changeMe() { document.getElementById("changeMe").src = "images/" + getRandomImage(); }  //JQuery $(document).ready(function(){ $("#changeMe").src("images/" + getRandomImage()); }); 

然后，您需要做的就是编写将从该目录返回随机图像的函数。 为了简单起见，有很多方法可以做到这一点。

 function getRandomImage() { var images = ["image1.jpg","image2.jpg","image3.jpg"]; return images[Math.floor(Math.random() * images.length)]; } 

的jsfiddle