滑らかなドット機能が表示されない

Question

スライダーが上にあるウェブサイトを構築していますが、非常に簡単なので、滑りにくいものを使用したかったのです。あなただけの私がいることが、私のスライダーは、任意のスライドを持っていない持っている機能 - dots: true

を使用する必要があるサイトによると

。

The site where I'm trying to set things up。

（その学校プロジェクト）

Answer 1

いくつかのCSSを追加してみてください。

.dots { 
    position: absolute; 
    left: 0; 
    right: 0; 
    bottom: 20px; 
    text-align: center; 
} 

.dots li { 
    display: inline-block; 
    width: 10px; 
    height: 10px; 
    margin: 0 4px; 
    text-indent: -999em; 
    border: 2px solid #fff; 
    border-radius: 6px; 
    cursor: pointer; 
    opacity: .4; 
    -webkit-transition: background .5s, opacity .5s; 
    -moz-transition: background .5s, opacity .5s; 
    transition: background .5s, opacity .5s; 
} 

.dots li.active { 
    background: #fff; 
    opacity: 1; 
} 

Answer 2

だけunslider.cssファイルに移動し、追加します。

.unslider { 
    overflow: auto; 
    margin: 0; 
    padding: 0; 
    /*Added*/ 
    position: relative; 
} 

そしてunslider-dots.cssのアドオンで：

/*added*/ 
.unslider-nav{ 
    position: absolute; 
    width: 100%; 
    bottom: 2%; 
} 

あなただけなきゃスクリプトnav:trueとdots:trueに言います。

うまくいくと思います。