JQueryスライダの矢印

Question

私はshopifyのサイトを持っています。マウスを離したときにスライダの矢印を消すと、そのスライダの矢印が消えてフェードアウトします。今すぐ矢印が突然現れます。私はスライダーでshopifyのjsファイルを持っていますが、コードを編集する場所がわかりません。どんな助けもありがとう！

Answer 1

あなたのCSSファイルに矢印のスタイルを追加する必要があります。

例 - https://jsfiddle.net/jc0otowt/2/

コード：

/* FlexSlider Fade In/Out Arrows*/ 
div.flexslider .flex-direction-nav .flex-prev { 
    left: 10px; 
} 

div.flexslider:hover .flex-direction-nav .flex-prev { 
    left: 10px; 
} 

div.flexslider .flex-direction-nav .flex-next { 
    right: 10px; 
} 

div.flexslider:hover .flex-direction-nav .flex-next { 
    right: 10px; 
} 

Answer 2

矢印を保持するdiv要素を点検し、クラスを取得し、opacity 0とtransition: all 1s ease（または任意のタイミングでstylesheet.cssとスタイルこのクラスに行きます関数）。

.divClass { 
    opacity:0; 
    transition: all 1s ease; 
} 

.divClass:hover { 
    opacity:1; 
} 

それとも、mouseovermouseoutイベントにJQ fadeToggleを使用することができます。その後、1

をマウスがクラスに:hover擬似を追加することにより、入力したときにそれが見えるようにし、不透明度の結果は次のようになります。