用于幻灯片放映的 jQuery 鼠标悬停和鼠标移出

Question

以下脚本可以正常工作，但我希望隐藏箭头 (#leftControl #rightControl)，然后在悬停幻灯片时显示。问题是，如果我们在第一张幻灯片上只需要出现右箭头，反之亦然，这是为了避免在没有什么可看的情况下让幻灯片向左或向右滑动。

 // manageControls: Hides and Shows controls depending on currentPosition
 function manageControls(position){
// Hide left arrow if position is first slide
if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
// Hide right arrow if position is last slide
if(position==numberOfSlides-1){ $('#rightControl').hide() } else{  $('#rightControl').show() }
} 

full script

Answer 1

function manageControls(position){

$('#slide_container').mouseenter(function(){
        // Hide left arrow if position is first slide
        if(position==0){ 
                $('#leftControl').hide(); 
        } else { 
                $('#leftControl').show();
        }
        // Hide right arrow if position is last slide
        if(position==numberOfSlides-1){ 
                $('#rightControl').hide(); 
        } else{  
                $('#rightControl').show();
        }
});

$('#slide_container').mouseleave(function(){
        $('#leftControl').fadeOut();
        $('#rightControl').fadeOut();
});

}