Jak zrobic by mieć przezroczyste przyciski na slajderze

Question

Tak jak w temacie nie wiem jak zrobić, by przy zmianie zdjęcia w  slider mieć przezroczyste przyciski, tak jak w lekcji Pana Miroslawa Zelenta odcinek 2 JavaScript.

 

          <div class="row" id="slider">       
            <span class="kolko" onclick="ustawslajd(1)" style="cursor:pointer; ">o</span>
            <span onclick="ustawslajd(2)" style="cursor:pointer;">o</span>
            <span onclick="ustawslajd(3)" style="cursor:pointer;">o</span>
            <span onclick="ustawslajd(4)" style="cursor:pointer;">o</span>
            <span onclick="ustawslajd(5)" style="cursor:pointer;">o</span>
            
          </div>

 

Czyli to "o" chcialbym mieć przezroczyte, gdy zmienia mi się zdjęcie. Po to by mieć możliwość w każdej chwili przełączyc sobie na inne zdjęcie.

 

Przed zaladowaniem zdjecia:

http://screenshot.sh/m3mjaNqDt7SkH

Po zaladowaniu zdjecia. Nie mam kropeczek :(

http://screenshot.sh/mLhiQocM0ILGX

 

Answer 1

Umieść po prostu przyciski w innym divie. Zapewne podmieniasz całą zawartość diva#slider znacznikiem IMG