Javascript Scrollbox插件的随机起点？_Javascript

Javascript Scrollbox插件的随机起点？

javascript

Javascript Scrollbox插件的随机起点？,javascript,Javascript,我有一个设置宽度/高度的div，无序列表中有10个li标签，每个li有一个img标签我使用Javascript Scrollbox垂直滚动图像当你在页面上登陆时，我需要随机化哪个徽标首先出现在框中，而不是总是首先显示第一个图标（并且滚动可以按照正常顺序继续）这可能吗？如果是这样，你能给我指出正确的方向吗这是我的密码： HTML内部标题： <script type="text/javascript" src="js/jquery.scrollbox.min.js"></s

我有一个设置宽度/高度的div，无序列表中有10个li标签，每个li有一个img标签

我使用Javascript Scrollbox垂直滚动图像

当你在页面上登陆时，我需要随机化哪个徽标首先出现在框中，而不是总是首先显示第一个图标（并且滚动可以按照正常顺序继续）

这可能吗？如果是这样，你能给我指出正确的方向吗

这是我的密码：

HTML内部标题：

<script type="text/javascript" src="js/jquery.scrollbox.min.js"></script>

正文内的HTML：

<div id="buslogos">
<p>Some of our participating businesses:</p>

<div id="buslogoscroll" class="scroll-img">
<ul>
  <li><img src="images/part-bus-logos/abshair-sm.gif" alt="Absolute Hair Inc"></li>
  <li><img src="images/part-bus-logos/arena-sm.gif" alt="Arena Tavern"></li>
  <li><img src="images/part-bus-logos/davebusters-sm.jpg" alt="Dave &amp; Buster's"></li>
  <li><img src="images/part-bus-logos/dunkin-sm.gif" alt="Dunkin' Donuts"></li>
  <li><img src="images/part-bus-logos/lazercity-sm.jpg" alt="Lazer City"></li>
  <li><img src="images/part-bus-logos/marcos-sm.gif" alt="Marco's Pizza"></li>
  <li><img src="images/part-bus-logos/mtimes-sm.gif" alt="Medieval Times"></li>
  <li><img src="images/part-bus-logos/stars-sm.gif" alt="Stars and Strikes"></li>
  <li><img src="images/part-bus-logos/tomchee-sm.gif" alt="Tom + Chee"></li>
  <li><img src="images/part-bus-logos/totalhealth-sm.jpg" alt="Total Health Spa"></li>
</ul>
</div>
</div>

<script>
$(function () {
  $('#buslogoscroll').scrollbox({
    linear: true,
    step: 1,
    delay: 0,
    speed: 40
  });
});
</script>


我们的一些参与企业：












$（函数（）{
$（'#buslogoscroll'）。滚动框({
线性：对，
步骤：1，
延迟：0，
速度：40
});
});

jquery.scrollbox.min.js是从以下位置下载的：

提前谢谢

看看这个，如果你什么都不懂就告诉我。


JS-Bin
$（函数（）{
var arrSrc=[”http://placehold.it/350x50",
"http://placehold.it/350x60",
"http://placehold.it/350x70",
"http://placehold.it/350x80",
"http://placehold.it/350x90"
];
$（'.first img'）.attr（'src'，arrSrc[Math.floor（（Math.random（）*5）+0）]；
$（'#buslogoscroll'）。滚动框({
线性：对，
步骤：1，
延迟：0，
速度：40
});
});
我们的一些参与企业：

到目前为止，您尝试了什么？向大家展示一些代码（）会很有帮助，谢谢你的提示，我已经在上面添加了我的代码。我还没有尝试过任何东西，因为我对Javascript/Jquery太陌生了，我不知道从哪里开始！我想我需要在函数底部添加一些东西？谢谢！这真的很容易理解。不幸的是，这并不完全是我所需要的，但似乎数组是正确的选择？如果你看我上面的UL，我需要，比如说，第三个li是可见的，然后滚动到第四个、第五个等，然后返回到第一个。然后，如果刷新页面，它可能从第5个li开始，然后滚动到第6个、第7个，然后返回到1并再次循环。这有意义吗？

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
  <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.js"></script>
  <script type="text/javascript" src="https://rawgit.com/wmh/jquery-scrollbox/master/jquery.scrollbox.min.js"></script>
  <script>
$(function () {
  var arrSrc=["http://placehold.it/350x50",
             "http://placehold.it/350x60",
              "http://placehold.it/350x70",
              "http://placehold.it/350x80",
              "http://placehold.it/350x90"
             ];
  $('.first img').attr('src',arrSrc[Math.floor((Math.random() * 5) + 0)]);
  $('#buslogoscroll').scrollbox({
    linear: true,
    step: 1,
    delay: 0,
    speed: 40
  });
});
</script>
</head>
<body>
  <div id="buslogos">
<p>Some of our participating businesses:</p>

<div id="buslogoscroll" class="scroll-img">
<ul>
  <li class="first"><img src=""></li>
    <li><img src="http://placehold.it/350x60"></li>
  <li><img src="http://placehold.it/350x70"></li>
  <li><img src="http://placehold.it/350x80"></li>
  <li><img src="http://placehold.it/350x90"></li>
</ul>
</div>
</div>

</body>
</html>