superslide插件幻灯片单独控制每张图片时间

要单独控制每张图片的时间，您可以使用Superslide插件的“delay”选项。在每个幻灯片项中，您可以为每张图片设置不同的延迟时间。以下是一个示例代码：

<div class="slider">
  <ul class="slider-inner">
    <li>
      <img src="image1.jpg">
    </li>
    <li data-delay="2000">
      <img src="image2.jpg">
    </li>
    <li data-delay="5000">
      <img src="image3.jpg">
    </li>
  </ul>
</div>

在这个例子中，第一张图片没有设置延迟时间，第二张图片设置了2000毫秒的延迟时间，第三张图片设置了5000毫秒的延迟时间。

然后，在Superslide插件的初始化代码中，您可以使用“delay”选项来设置所有幻灯片项的默认延迟时间，并使用“data-delay”属性来重写单个幻灯片项的延迟时间。以下是一个示例代码：

$('.slider').superslides({
  play: 5000, // 默认延迟时间为5000毫秒
  pagination: false,
  animation: 'fade',
  animation_easing: 'linear'
});

$('.slider-inner li').each(function() {
  var delay = $(this).data('delay');
  if (delay) {
    $(this).css('animation-duration', delay + 'ms'); // 设置单个幻灯片项的延迟时间
  }
});

在这个例子中，我们通过“data()”方法获取每个幻灯片项的“data-delay”属性，并使用“css()”方法将其设置为幻灯片项的动画持续时间。这样，每张图片的延迟时间就可以单独设置了。