bxslider Folie, wenn eine Schaltfläche schwebt

Question

Ich benutze bxslider. Ich habe ein Anker-Tag, mit dem der bxslider verschoben werden kann. was ich will, ist .. wenn ich über den Anker-Tag (links und rechts) den Schieberegler sollte scrollen horizontal in beide Richtungen und wenn ich höre zu schweben der Slider sollte aufhören zu scrollen. Jede Idee kann helfen.

Mein Anker-Tag:

<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> 

Zur Zeit bewege ich von einer Folie zur nächsten durch folgende Funktion:

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

Answer 1

Wenn Sie müssen, verwenden Sie 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> 

Bitte Beachten Sie, dass dies den Empfehlungen für das Interface-Design hinsichtlich der Konsistenz der Benutzererfahrung entgegensteht. Die meisten Benutzer klicken auf einen Schiebereglerpfeil, was dazu führt, dass sowohl Mauszeiger- als auch Klickereignisse nacheinander ausgelöst werden. Dabei werden zwei Folien anstatt einer durchgescrollt, was ein verwirrendes und unerwartetes Verhalten darstellt.

---

Bitte beachten Sie, dass <img> ein selbstschließ-Tag ist. Wie in </img> ist ungültig. Es schließt nichts.