imageSlider
Pod-klasa Shop. Przewijanie miniatur zdjęć pod głównym zdjęciem produktu.
Parametry w JS
Ponieważ klasa jest inicjalizowana razem z Shop, wszystkie parametry należy nadać przed zdarzeniem domready lub najpóźniej w funkcji warunkowej Shop.imageSlider.condition()
Parametry Shop.imageSlider.options :
- container (obiekt DOM) - kontener dla wszystkich zdjęć
- left_arrow_img (string) - url do obrazu ze strzałką w lewo
- right_arrow_img (string) - url do obrazu ze strzałką w prawo
- left_delta (int) - skok przy kliknięciu na strzałkę w lewo, domyślnie -2
- right_delta (int) - skok przy kliknięciu na strzałkę w prawo, domyślnie 2
- galleryclass (string) - klasa drugiego kontenera, wewnątrz container
imageSlider wymaga następującej struktury DOM:
- container
- galleryclass
- <ul>
- <li> - dla każdego zdjęcia
- <img> - miniatura
W aplikacji nad każdym <img> znajduje się również <a>, jest on wykorzystywany przez galerię.
Działanie
Mierzona jest szerokość wszystkich zdjęć oraz container. Jeżeli zdjęć jest więcej, tworzone są dwie strzałki, a wszystkim niemieszczącym się zdjęciom (ich <li>) nadana klasa none. Strzałki <img> otrzymują zdarzenia onClick, które powodują „wędrowanie” klasy none o left_delta i right_delta miejsc.