2013-02-11 77 views
0

嗨我想添加一個暫停我幻燈片,我有。添加一個暫停幻燈片懸停

$(document).ready(function() { 
    $('#slides').superslides({ 
    slide_easing: 'easeInOutCubic', 
    slide_speed: 900, 
    pagination: true, 
    hashchange: true, 
    scrollable: true, 
    pagination: false, 
    play:6000 
    }); 
}); 

我怎麼添加進行幻燈片放映暫停鼠標懸停

+1

是不是SuperSlides全屏幻燈片? – 2013-02-11 10:52:19

+0

呃。 [jQuery延遲()](http://api.jquery.com/delay/)有幫助嗎? ''('#幻燈片')。delay(3000).superslides(' – 2013-02-11 11:00:21

+0

如果你使用的是全屏幕滑塊,你將不得不更詳細地瞭解mouseover事件觸發暫停/取消暫停的詳細信息。因爲當然,你不希望整個滑塊有一個懸停>暫停動作,因爲你永遠不會滑動2,除非你的鼠標不在頁面上!我想最好的選擇是當你超過一個div時暫停一張幻燈片? – 2013-02-11 11:05:58

回答

1

我不知道你是否發現,即使在回答你的問題。但是,在Github documentation中有超級滑道的API調用。要實現這一點,你可以這樣做:

$('#slides').on('mouseenter', function() { $(this).superslides('stop'); }); 

,並在離開懸停:

$('#slides').on('mouseleave', function() { $(this).superslides('start'); }); 

如果這會有所幫助,請讓我知道!