Javascript 平滑图像滑块中的随机滑动顺序

我正在使用

      var allslides = document.querySelector(".lazy");
        for (var i = allslides.children.length; i >= 0; i--) {
          allslides.appendChild(allslides.children[Math.random() * i | 0]);
        };

在Slick carousal（图像滑块）中随机化幻灯片顺序

这里“.lazy”是：

---

除了插入空白幻灯片（或白色空白）外，一切正常。就是无法摆脱它。有任何线索或线索吗？

您根本不需要操纵

DOM

。只需钩住

goto

方法，然后随机导航到不同的幻灯片

这是许多可能的实现方式之一：

var total = $('.slick-slideshow img').length, // get the number of slides
    rand = Math.floor( Math.random() * total ); // random number

$('.slick-slideshow').slick({
    autoplay: true,
    autoplaySpeed: 7000,
    arrows: false,
    fade: true,
    slide: "img",
    pauseOnHover: false
})
.slickGoTo(rand); //navigate to random slide

---

您可以在本次讨论中了解更多信息：

看看这个问题的答案：这是为了回答我的问题吗？你能告诉我应该找什么吗？我想你也可以在初始选项中设置

initialSlide:rand

var total = $('.slick-slideshow img').length, // get the number of slides
    rand = Math.floor( Math.random() * total ); // random number

$('.slick-slideshow').slick({
    autoplay: true,
    autoplaySpeed: 7000,
    arrows: false,
    fade: true,
    slide: "img",
    pauseOnHover: false
})
.slickGoTo(rand); //navigate to random slide