2014-09-26 21 views
0

我使用Superslides創建介紹。我首先需要的是背景是白色(圖片0.jpg),然後當鼠標進入一個div隨機變化到另一個圖像。Superslides - >轉到特定滑塊

我的代碼是:

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')上( '的mouseenter',。函數(){)總是顯示圖像1.jpg而不是隨機的。

我該如何解決它?=(

謝謝。

+0

任何幫助? =(---- – wanheda 2014-09-29 00:46:46

回答

0

Hej!你可以寫$('#slides')。data('superslides')。animate(東西)。

在我的情況下,我有一個畫廊,當你點擊一個特定的圖像,獲取從頂部滑動的覆蓋層上的幻燈片放映。我得到的縮略圖的當前索引點擊和動畫的幻燈片,以配合縮略圖:

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

雖然我不得不說,是不理想的,因爲我想去到一個特定的幻燈片沒有動畫動作。我還沒有找到辦法。

我希望能幫到你!祝你好運!