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滑动时按钮悬停

回答

相关问题