javascript - 使用 Liquid Slider 随机启动幻灯片

Question

我目前正在尝试设置一个液体滑块，以便每次都从随机滑块开始。有没有人知道启用此功能的变量设置或 hacky 解决方法？

液体滑块可以在这里找到（它是响应式布局的尾声滑块版本）： http: //liquidslider.kevinbatdorf.com/

我正在使用的页面在这里，有问题的滑块位于红色容器的第二行： http ://www.astwood.co.uk/

我目前正在使用以下方式激活滑块：

$(function() { 
  $('#references').liquidSlider({
    autoHeight: true,
    hashLinking: true
  });
});

Answer 1

有一个选项，firstPanelToLoad默认为 1。您可以根据您拥有的幻灯片数量生成一个随机数。如果你有 4 张幻灯片，我想应该是这样的：

firstPanelToLoad:(Math.floor(Math.random() * 4) + 1)

如果您遇到困难，请给我发送电子邮件。我是 Liquid Slider 的作者，不介意尽我所能提供帮助。