Я пытаюсь найти ответ на «невидимые навигационные функции» для flexslider v2.0, но я ничего не нашел, что отвечает на мой точный вопрос в Интернете. Возможно, это связано с тем, что добавление основного слайдера на вашу страницу не должно быть проблемой. =/Woothemes Flexslider 2 Отсутствие направления навигационных кнопок
В любом случае, я надеюсь, что кто-то может пролить свет на причину, почему мой слайдер не показывает элементы управления «следующий» и «предыдущий».
Я следил за тремя шагами, предоставленными woothemes, а также добавил файл bg_direction_nav.png в папку «images».
Что странно, когда я наводил курсор на область, где располагаются элементы управления, я могу щелкнуть и переключаться между моими изображениями, чтобы я знал, что он существует, это просто не видно.
Вот CSS:
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 1 !important; right: 5px;}
.flexslider:hover .flex-prev {opacity: 1 !important; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
Пожалуйста, дайте мне знать, если я должен предоставлять что-нибудь еще.