Слайдер nivo, это способ всегда показывать следующие и предыдущие стрелки?

Question

Я использую слайдер nivo (тема по умолчанию), и я расположил стрелки prev и next рядом с изображением (не сверху изображения), и мне было интересно, есть ли способ всегда показывать стрелки next и prev (сейчас стрелки показывают только когда вы наводите курсор на изображение).Кажется, должен быть способ отредактировать код, чтобы сделать это, но я не могу понять, где.Спасибо!

Answer 1

directionHideNav: false не работает с 3.1.

Изменения теперь должны быть сделаны в CSS В css файле темы найдите строку

.theme-default .nivo-directionNav a

Изменение: opacity: 0; до opacity: 1;

Answer 2

Правильный путь есть;

просто измените или добавьте значение directionNavHide и установите его в false в настройках nivoSlider.

$('#slider').nivoSlider({directionNavHide:false});

Answer 3

откройте js-файл nivoslider и найдите

{a (". Nivo-directionNav", f) .hide (); f.hover (function () {a (". Nivo-directionNav",f) .show ()}, function () {a (". nivo-directionNav", f) .hide ()}

изменить на

{a (". nivo-directionNav"е) .show (); f.hover (функция () {а (" Nivo-directionNav "е .show (), функция () {а.)} (" Nivo-directionNav», ф.).show ()}

Сохранить загрузку.

Answer 4

Легко сделать это, не касаясь кода JS, просто добавив строку в свой CSS-файл:

.nivoSlider .nivo-directionNav{
    display: block !important; /* ALWAYS show the arrows */
}

Я не большой поклонник! Важно, но если это означает, что я нене нужно настраивать JS, тогда это работает для меня.