javascript - Superslides -> 转到特定 slider

Question

我使用 Superslides 创建介绍。我需要一开始背景是白色的(图像 0.jpg)，然后当鼠标进入一个 div 时随机更改为另一个图像。

我的代码是:

HTML

<div id="entra_mouse">
    <img src="imagenes/intro/logo.png" alt="" />
    <br /><br /><br />
    <a href="?s=home">Entrar / Enter</a>
</div>
<div id="slides">
  <div class="slides-container">
    <img src="imagenes/intro/0.jpg" alt=""  />
    <img src="imagenes/intro/1.jpg" alt="" id="img_aleatoria"  />
  </div>
</div>

Javascript

<script>
    $(function() {
      $('#slides').superslides({
        hashchange: false
      });

      $('#entra_mouse').on('mouseenter', function() {
        $('#slides').css('display','inline');

        var imagen_aleatoria = Math.round(Math.random()*6);
        $("#img_aleatoria").attr("src", "imagenes/intro/'+imagen_aleatoria+'.jpg");

        $('#slides').superslides('start');
      });
      $('#entra_mouse').on('mouseleave', function() {
        $('#slides').superslides('stop');
        $('#slides').css('display','none');
      });
    });
  </script>

问题是当鼠标进入时 ($('#entra_mouse').on('mouseenter', function() {) 总是显示图像 1.jpg 而不是随机的。

我该如何解决？ =(

谢谢。

Answer 1

嘿!

您可以编写 $('#slides').data('superslides').animate(something)。

在我的例子中，我有一个图库，当您单击特定图像时，幻灯片会显示在从顶部滑动的叠加层上。我获得了缩略图的当前索引并点击了动画幻灯片以匹配缩略图:

$( thumbnail ).click(function() {
    var current = $(thumbnail).parent().children('a').index(this);
    $('#slides').data('superslides').animate(current);
});

虽然我不得不说这并不理想，因为我想转到特定的幻灯片而不用动画 Action 。我还没有找到这样做的方法。

希望对你有帮助!祝你好运!