超幻燈片->轉到特定滑塊

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>

Java腳本

<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);
});

盡管我不得不說這不是理想的選擇，但是由於我想轉到特定的幻燈片而不給動畫添加動畫。 我還沒有找到一種方法。

希望對您有所幫助！ 祝好運！