Javascript 加载/刷新时显示不同的图像

我目前正在为我的项目使用Jquery Cycle插件，幻灯片放映运行顺利。但是，我希望我的幻灯片在每次页面刷新时显示或以不同的图像开始。我不知道如何添加函数/脚本来实现这一点，或者是否可能。我是JQuery的新手，因此非常感谢您的帮助

脚本：

$(document).ready(function() {
    $('.slideshow').cycle({
         fx: 'fade',
         speed: 2500,
         timeout: 7000,
         prev: '#prev',
         next: '#next',
    });
});

---

我的HTML：

<div class="slideshow">
    <img src="images/img_slide-1.jpg" />
    <img src="images/img_slide-2.jpg" />
    <img src="images/img_slide-3.jpg" />
</div>

---

快速研究一下这个插件（我以前从未使用过），看起来有一个随机选项可以指定为true。查看文档：（只需按ctrl-f键表示“随机”）

---

如果你只是从随机的第一张图片开始看，然后是连续的幻灯片（如评论中所述），只需在这里使用startingSlide:SLIDE\u NUMBER\u，根据对文档的最少研究，它应该可以工作。

使用startingSlide选项

startingSlide: 0,     // zero-based index of the first slide to be displayed 

要选择一张随机幻灯片，您需要获得这样一个随机索引

var rand = Math.floor(Math.random() * $('.slideshow img').length);

然后，在初始化循环时，使用

rand

变量作为启动幻灯片

$(document).ready(function() {
  var rand = Math.floor(Math.random() * $('.slideshow img').length);
  $('.slideshow').cycle({
    fx: 'fade',
    speed: 2500,
    timeout: 7000,
    prev: '#prev',
    next: '#next',
    startingSlide: rand
  });
});

---

也许我错了，但是它看起来像是随机的初始图片，但是保持它们的顺序循环啊，如果是这样的话，那么你应该立即使用StartingSlide，幻灯片总是从我的第一张图片开始，然后依次播放其他图片。事实上，这是正确的，我希望如此。不过我想补充的是，在刷新时，它应该从另一个图像开始，然后仍然会转到下一个图像。@Shanlais另一个图像作为另一个随机图像吗？如果是这样，那么使用

Math.floor（Math.random（）*LENGTH\u OF\u SLIDESHOW）

生成一个随机整数，并将其作为startingSlide选项。我尝试对我声明的变量使用Math.floor（Math.random（）*4），并将该变量称为startingSlide，但每次刷新都会显示列表上的第一个图像。也许我做错了什么事（不是“开始幻灯片：0，”使幻灯片始终以列表中的第一张图像开始？是的，但您需要更改0。我已更新代码以选择一张随机图像。PS：永远不要在对象的末尾留下逗号“，”。Internet Explorer将抛出错误。@ComputerArts哦，真的吗？哇，您每天都会学到新东西！是的！很容易知道…而不是wasti浪费时间，诅咒IE的开发者！=）