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

HeJ小鼠！

你可以写$（'＃slides'）。data（'superslides'）。animate（ something ）。

在我的情况下，我有一个画廊，当您点击特定图像时，幻灯片放映在从顶部滑动的叠加层上。我获取了点击缩略图的当前索引并为幻灯片显示动画以与缩略图匹配：

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

虽然我不得不说这不太理想，因为我想在不动画动作的情况下转到特定的幻灯片。我还没有找到办法。

我希望能帮到你！祝你好运！

Superslides - ＆gt;转到特定滑块

1 个答案: