ボタンがホバーされたときにbxsliderがスライドする

Question

私は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(); 
} 

Answer 1

あなたは、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> 

してくださいこれは、ユーザーエクスペリエンスの一貫性に関するインターフェイス設計の推奨事項に反することに注意してくださいほとんどのユーザーはスライダーの矢印をクリックすると、ホバーとクリックイベントが1つずつではなく2つずつスクロールして表示され、混乱し、予期しない動作になります。

---

<img>は自己閉鎖タグです。 </img>のように無効です。それは何も閉じない。