bxslider滑動時按鈕懸停

我正在使用bxslider。我有一個用於滑動bxslider的錨標記。我想要的是..當我懸停在錨標記（左側和右側）滑塊應開始在兩個方向水平滾動，當我停止徘徊滑塊應停止滾動。任何想法都可以幫助。bxslider滑動時按鈕懸停

我的錨標記：

<div class="positionSelectors"> 
    <a href="javascript:moveToPrev();"> 
    <img src="images/leftArrow.png"></img> 
    </a> 
</div> 
<div class="positionSelectors"> 
    <a href="javascript:moveToNext();"> 
    <img src="images/rightArrow.png"></img> 
    </a> 
</div>

目前，我從一個幻燈片移動到下一個由以下功能：

function moveToNext() { 
buslider.goToNextSlide(); 
} 
function moveToPrev() { 
buslider.goToPrevSlide(); 
}

來源

2016-10-20 abhishek

滑塊如何同時在兩個方向上滾動？ – madalinivascu

第四維。 – zer00ne

它不會同時在兩個方向上滾動。當左錨標籤盤旋時，它會向左移動，當右轉時它會向右移動@madalinivascu – abhishek

如果你必須使用onmouseover：

<div class="positionSelectors"> 
    <a href="javascript:moveToPrev();" onmouseover="javascript:moveToPrev();"> 
    <img src="images/leftArrow.png" /> 
    </a> 
</div> 
<div class="positionSelectors"> 
    <a href="javascript:moveToNext();" onmouseover="javascript:moveToNext();"> 
    <img src="images/rightArrow.png" /> 
    </a> 
</div>

請注意這是針對關於用戶體驗一致性的界面設計建議。大多數用戶將單擊滑塊箭頭，導致懸停和點擊事件一個接一個地觸發，滾動兩個幻燈片而不是一個幻燈片，這是令人困惑和意外的行爲。

請注意<img>是一個自閉合標籤。如</img>無效。它什麼都不關閉。

來源

2016-10-20 07:32:33

當然，我將只保留一個功能並刪除其他功能。 – abhishek

實際上，我希望幻燈片繼續移動，直到我移除錨點上的懸停。你能告訴我怎麼做嗎？ – abhishek

bxslider滑動時按鈕懸停

回答

相關問題