Flexslider direction de la navigation ne s'affiche pas

Je suis actuellement en train de travailler pour un site avec un flexslider question.

Flexslider direction de la navigation ne s'affiche pas

Ici, le problème est que par défaut, le curseur de navigation doit apparaître lorsque le curseur commence la transition.

Je remplacer le flexslider code :

$('#s1.flexslider').flexslider({
    'directionNav':true,
    'controlNav':true
});

mais ne comprends toujours pas ce que la raison de navigations de ne pas travailler.

Les styles par défaut de l'ul, où la direction de nav links est situé à l'est masqué par défaut.

Le marquage par défaut de l'ul de travail curseur:

<ul class="flex-direction-nav" style="position: absolute; top: 0px; left: 0px; display: none; z-index: 1; opacity: 0;">
    <li>
        <a class="flex-prev" href="#">Previous</a>
    </li>
    <li>
        <a class="flex-next" href="#">Next</a>
    </li>
</ul>

Les styles par défaut de l'ul:

position: absolute;
top: 0px;
left: 0px;
display: none;
z-index: 1;
opacity: 0;

Toute aide serait grandement appréciée.

OriginalL'auteur Jed | 2014-03-11

  1. 3

    Essayer cette

    .flex-control-nav {
    background: none repeat scroll 0 0 #FFFFFF;
    bottom: 127px !important;
    display: block !important;
    opacity: 0.66 !important;
    padding: 10px;
    position: absolute;
    text-align: center;
    top: auto !important;
    width: 100%;
    z-index: 999 !important;
}

.flex-direction-nav {
    display: block !important;
    opacity: 1 !important;
    top: 30% !important;
    width: 100%;
    z-index: 999 !important;
}

.flex-direction-nav a {
    color: rgba(0, 0, 0, 0.8);
    cursor: pointer;
    display: block;
    height: 40px;
    margin: 0;
    opacity: 0;
    overflow: hidden;
    padding-top: 8px;
    position: absolute;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    top: 50%;
    transition: all 0.3s ease 0s;
    width: 40px;
    z-index: 10;
}
    Exactement ce dont j'ai besoin. Merci beaucoup Dheeraj, vous avez sauvé ma journée.
    en fait, cette " jQuery(function(){ jQuery('#s1').cycle({ délai d'attente: 0, vitesse: 300, fx: 'fade' }); }); " script est de créer des conflits corriger cela, il peut créer problème vers une autre fonctionnalité

    OriginalL'auteur Dheeraj

  2. 0

    Le problème est que l'opacité est initialement réglé à zéro. Modifier à 1 et elle va s'afficher (ou quoi que ce soit entre 0 et 1).

    .flex-direction-nav a.flex-prev { opacity: 1; }
.flex-direction-nav a.flex-next { opacity: 1; }

    OriginalL'auteur Josh B

  3. 0

    J'ai eu les flèches montrant le survol de la souris par adjonction, à mon css:

    .flex-direction-nav {
    display: block;
}

    J'ai aussi ajouté ce qui suit à mon flexsider paramètres pour masquer la Prev/Next mots de montrer:

    <script type="text/javascript">
    $(window).load(function () {
        $('.flexslider').flexslider({
            prevText: "",
            nextText: ""
        });
    });
</script>

    Note: C'est pour Flexslider v2.2

    OriginalL'auteur Savage