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.
0
0
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().
0
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?
0
#slider>li:nth-child(1) --- zamiast 1 numer elementu