javascript - jCarousel は、コンテナの上にマウスを置いたときにのみ矢印を表示します

Question

jCarousel の矢印を、コンテナーの上にマウスを置いたときにのみ表示するようにしようとしています (同じページに複数のコンテナーがあります)。

しかし、これにアプローチする方法さえわかりません。

これを行う方法についてのヒントはありますか？

それは大歓迎です！

Answer 1

まず、デフォルトで矢印を非表示にする必要があるため、CSS で次のようにします。

.arrow-class {display:none;}

次に、jqueryを使用して、画像にカーソルを合わせたときに表示します

$(".image-class").hover(function(){
    $(".arrow-class").show(); //this happens when you mouse in
}, 
function(){
    $(".arrow-class").hide(); //this happens when you mouse out
});