JQuery Slider arrows

Question

Ich habe eine Website auf shopify und ich würde gerne die Schieberegler Pfeile einblenden, wenn Sie den Mauszeiger darüber bewegen und ausblenden, wenn die Maus verlässt. Gerade jetzt erscheinen die Pfeile plötzlich. Ich habe die js-Datei von shopify mit dem Schieberegler, aber ich bin mir nicht sicher, wo ich den Code bearbeiten soll. Jede Hilfe wäre willkommen!

Answer 1

Sie müssen Stile für Pfeile in Ihrer CSS-Datei hinzufügen.

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

Code:

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

die div inspizieren, die auf den Pfeil und bekommen die Klasse halten, gehen Sie zu stylesheet.css und Stil dieser Klasse mit opacity 0 und transition: all 1s ease (oder einem beliebigen Zeitpunkt Funktion). es dann sichtbar machen, wenn die Maus 1.

das Ergebnis an die Klasse und die Opazität durch Zugabe von :hover Pseudo geben wie dies wäre:

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

.divClass:hover { 
    opacity:1; 
} 

Oder Sie können JQ fadeToggle auf mouseovermouseout Veranstaltungen nutzen.