Question

83

Slick JS not showing dots

rated 0 times [ 89] [ 6] / answers: 1 / hits: 30403 / 9 Years ago, sun, april 26, 2015, 12:00:00

For some reason I can't seem to get the dots to show.

This is what I have.

<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>

HTML Markup

<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>

Calling and options

$(document).ready(function(){

    $('.single-item').slick({

           dots: true,

          infinite: true,

          speed: 500,



    });

});

Weirdly it groups the images into a slideshow. If I test whether it's working with autoplay the carousel works. The dots are just not showing, even though I call them.

style.css

CSS in a Fiddle here

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

blair

Add To Favorites

Follow

Total Points: 384

Total Questions: 108

Total Answers: 86

Location: Northern Ireland

Member since Tue, May 5, 2020

4 Years ago

answered 9 Years ago bradleymoisesy · Accepted Answer

I already test at jsfiddle. The dot have showing.Using same option like you do. Can you try remove your style.css and test if it work or not. I think maybe have issue with css or you can share the style.css content here.

http://jsfiddle.net/bo37aLbz/

Code

$(function () {

    var slickOpts = {

        dots: true,

        infinite: true,

        speed: 500,

        autoplay: true

    };



    // Init the slick    

    $('.single-item').slick(slickOpts);

});