Funkcja Unslider dots nie wyświetla się

Question

Buduję stronę internetową, na której znajduje się suwak, chciałem użyć unslider ponieważ wydaje się to bardzo łatwe.

Według strony należy po prostu użyć funk- dots: true

mam, ale mój suwak nie ma żadnych slajdów.

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

(jest to projekt szkolny)

Answer 1

Spróbuj dodać trochę 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

Wystarczy przejść do unslider.css pliku i dodać:

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

I unslider-dots.css dodają:

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

Po prostu trzeba powiedzieć na skrypcie nav:true i dots:true .

Mam nadzieję, że to działa również dla Ciebie.