Почему кнопки направления Flexslider не отображаются?

jquery html css flexslider

926 просмотра

1 ответ

Я пытаюсь отобразить кнопки направления в flexslider. Когда я проверяю инспектор, вижу, что кнопки назад и вперед имеют flex-disabledкласс и не отображаются. Я добавляю directionNav: trueв свой код js, но не решил. Как это исправить? Мой веб-сайт

HTML:

<ul class="flex-direction-nav">
    <li>
        <a tabindex="-1" class="flex-prev flex-disabled" href="#">Previous</a>
    </li>
    <li>
        <a tabindex="-1" class="flex-next flex-disabled" href="#">Next</a>
    </li>
</ul>

ЯШ:

    $item.flexslider({
            animation: dataAnimation,
            directionNav: true,
            controlNav: true,
            animationLoop: true,
            slideshow: true,
            pauseOnHover: true,
            sync: dataSync,
            start: function (slider) {
                            if (typeof dataFixPos != "undefined" && dataFixPos == "1") {
                    var height = $(slider).find(".slides img").height();
                    $(slider).find(".flex-control-nav").css("top", (height - 44) + "px");

                }
            },
        });
Автор: hmahdavi Источник Размещён: 08.11.2019 11:11

Ответы (1)


1 плюс

Решение

В вашем css у вас нет свойства отображения класса ".photo-gallery.style1 .flex-direction-nav".

изменить его отображение: нет для отображения: блок

.photo-gallery.style1 .flex-direction-nav {display "block}

Автор: Charantej Golla Размещён: 20.08.2016 10:50
Вопросы из категории :
32x32