2013-06-06 7 views
6

Sto costruendo un sito Web in cui è presente un cursore in alto, volevo utilizzare lo slittamento perché sembra molto semplice.Funzione punti non marcati non visualizzata

Secondo il sito si deve solo usare il FUNCTION- dots: true

ho, ma il mio dispositivo di scorrimento non ha diapositive.

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

(suo un progetto scolastico)

+0

Il collegamento è interrotto. –

+0

Doh! non ha visto che Questo dovrebbe funzionare http://balder.ucn.dk/1011815/2.semester/ferslevmureren/ – Legarndary

risposta

16

Prova ad aggiungere un po 'di 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; 
} 
+1

Unisider fornisce questo css o l'hai scritto tu stesso, o l'hai ottenuto da http: //unslider.com/style.css, è importante sapere, perché ci sono molti problemi con questo plugin. quando intendo problemi, intendo confusione. hai scritto quel CSS da solo ?? –

1

Basta andare su File unslider.css e aggiungere:

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

E in unslider-dots.css aggiuntivo:

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

Devi solo dire sul vostro script nav:true e dots:true .

Spero che funzioni anche per te.

+0

Penso che questo sia più rilevante in questa data. – Nikhil

Problemi correlati