Slick JS ne montrant pas de points

Je suis en utilisant Slick.js

Pour une raison que je n'arrive pas à obtenir le nombre de points à afficher.

C'est ce que j'ai.

<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="slick/slick.min.js"></script>

Balisage HTML

<div class="single-item">
  <div><img src="img/shadow.jpg" alt=""></div>
  <div><img src="img/shadow.jpg" alt=""></div>
  <div><img src="img/shadow.jpg" alt=""></div>
</div>

D'appel et les options

$(document).ready(function(){
    $('.single-item').slick({
           dots: true,
          infinite: true,
          speed: 500,

    });
});

Bizarrement il regroupe les images dans un diaporama. Si je tester si cela fonctionne avec la lecture automatique du carrousel fonctionne. Les points sont tout simplement pas montrer, même si je les appelle.

style.css

CSS dans un Violon ici

OriginalL'auteur user2898276 | 2015-04-26

  1. 5

    J'ai déjà test à jsfiddle. Le point ont montré.En utilisant la même option, comme vous le faites. Pouvez-vous essayer de supprimer votre style.css et tester si ça fonctionne ou pas. Je pense peut-être avoir de problème avec le css ou vous pouvez partager le style.css contenu ici.

    http://jsfiddle.net/bo37aLbz/

    Code

    $(function () {
    var slickOpts = {
        dots: true,
        infinite: true,
        speed: 500,
        autoplay: true
    };

    //Init the slick    
    $('.single-item').slick(slickOpts);
});
    vous êtes correct. Il semble que quelque chose est de le prévenir dans mon CSS. De toute façon de trouver ce que? Je vais éditer la question et ajouter des feuilles de style CSS.
    Essayez de déplacer votre style.css pour la dernière et voir le point ou non. Je pense avoir de problème avec les "li" css à l'intérieur de votre style css. Essayez de supprimer ce code ul { margin: 0; padding: 0; } ul li { list-style: none; margin: 0; padding: 0; float: left; width: 310px; }
    Qui a travaillé! ( la suppression de code) Merci. Les points ne regarde pas à droite maintenant. Semble montrer cassé caractères. dl.dropboxusercontent.com/u/46025079/...

    OriginalL'auteur Faiz

  2. 3

    Eu le même problème. Il a été causé par la mise en overflow:hidden pour le diaporama wrapper dans mon CSS. Les points étaient là, mais pas visible.

    Par défaut de la Nappe de la position des points absolument à bottom: -45px.

    Je pense que beaucoup de gens vont finir par overflow:hidden afin d'empêcher l'affichage de toutes les diapositives dans une grande colonne avant Slick est lancée et des cuirs ceux qui ne sont pas destiné à être affiché à ce moment-là.

    OriginalL'auteur Lukaash

  3. 0

    Mettre ces lignes de code dans le head de la page dans les balises de script :

    $(document).ready(function(e) {

   $('.slicker1').slick({   

        centerMode:false,     
        draggable:false,    
        arrows:true,    
        autoplay:true,
        autoplaySpeed:1500,     
        slidesToShow:1,     
        slidesToScroll:1,   
        dots:true,

    }); 

 });

    OriginalL'auteur Hasnain Mehmood

  4. 0

    J'ai eu le même problème.

    J'ai mis overflow: hidden, et la customPaging disparu.
    customPaging repose entièrement sur les points de réglage.

    OriginalL'auteur undisclosed