Question

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

Answer 1

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

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

DIR
- 图像
  - image1.jpg
- 脚本
  - 的script.js
- 式
- 的index.html

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

即可

在<header>标记中添加：

<script type="text/js" src="js/script.js" />

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

//Raw Javascript

  function changeMe()
  {
    document.getElementById("changeMe").src = "images/" + getRandomImage();
  }

  <img id="changeMe" onLoad="changeMe()" src="images/default.jpg" />


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

  <img id="changeMe" src="images/default.jpg" />

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

function getRandomImage() {
  var images = ["image1.jpg","image2.jpg","image3.jpg"];

  return images[Math.floor(Math.random() * images.length)];
}

JSFiddle

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

1 个答案: