Witam zrobiłem slider który działa prawidłowo lecz nie wiem jak dodać animację gdy zmieniam slajdy.
http://jsbin.com/UCafIhis/10/edit tutaj mój kod.
idea jest zupełnie inna, to, co zrobiłeś jest otro pogmatwane (z pomysłu, oraz fakt, ze dokleja coś za każdym razem do DOM - operacje DOM są dosyć powolne i powinieneś ich unikać, i jeżeli jest potrzeba - robić je zbiorowo).
opiszę Ci to, żeby nie odstawiać gotowca.
w <ul>
masz elementy <li>
i one są obrazkami.
dla <ul>
dajesz position: relative;
a dla <li>
position: absolute; top: 0; left: 0;
musisz też nadać do obu wysokość i szerokość.
w ten sposób masz wszystkie obrazki jeden na drugim. przy inicjalizacji ukrywasz wszystkie oprócz pierwszego. potem przy zmianie na drugi - poprzez np. fadeIn()
pokazujesz drugi, a pierwszy ukrywasz fadeOut()
.
Rozumiem tylko jak przemieszczać się do końca listy ul ? Nie chce gotowego kodu.
jak wezme np. ('#slider > li').next().fadeIn(); to tylko dodaje mi ten drugi obrazek a jak dać następny?
#slider>li:nth-child(1)
--- zamiast 1 numer elementu