jQuery 随机图片答案

【问题标题】：jQuery random imagejQuery 随机图片
【发布时间】：2017-05-28 14:25:29
【问题描述】：

我有一个 index.html 页面，我想在其中显示文件夹中的 1 张随机图像。

我找到了一个我喜欢的脚本，因为我不必编写每个图像 url。问题是，我只是不知道如何处理这个脚本！

我不确定“10 + 1”是什么意思（文件夹中最多 10 张图片？）。在“头”中，我想我需要链接到 jquery 库。脚本应该放在.js 文件中，还是可以简单地放在页面的“正文”中（或其他地方）？

HTML 将是：

img src="" class="myClass1" width="100px" height="auto" alt="no image" />

还有脚本：

$('.myClass1').each(function() {

   var num = Math.floor(Math.random() * 10 + 1),
   img = $(this);

   img.attr('src', 'url.com/folder/image_' + num + '.jpg');
   img.attr('alt', 'Src: ' + img.attr('src'));

});

【问题讨论】：

标签： jquery html image random

【解决方案1】：

Math.random 生成一个介于 0 和 1 之间的数字所以这段代码：

Math.floor(Math.random() * 10 + 1)

返回一个介于 1 和 10 之间的数字

您的图片名称将是这样的 image_5.jpg

【讨论】：

但是我如何以及在哪里放置代码？我想我必须在脚本之前和之后放置一个“脚本”标签，但是我是将脚本放在头部，正文还是文件中？谢谢。
最好将其放在头部（甚至是 JS 文件的 src 而不是 HTML 中的代码），然后在 $(document).ready(..) 中执行工作。看看this

【解决方案2】：

您可以将脚本标签放在头部或正文中，但我们通常将脚本放在正文的末尾，将 css 链接放在头部。此外，通常最好将脚本代码放在单独的文件中。

【讨论】：

感谢您的宝贵时间！非常感谢。