imageSlider

Pod-klasa Shop. Przewijanie miniatur zdjęć pod głównym zdjęciem produktu.

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ę.

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.