quaese / royals-royce Goto Github PK

isMoving Variable in touch-Events entweder komplett entfernen oder Werte passend ändern, z. B. in onTouchMove nach dem Deaktivieren (off) der Handlerfunktionen auf false setzen.

Ändert sich die Fenstergrösse, muss die Breite des Gesamtfensters neu berechnet werden.
(Modul: qp_horizontal.jquery.js)

• Animations-Funktion umgestellt, dass Index des anzuzeigenden Slides übergeben wird
• resize-Event registriert
• resize-Handler eingefügt

  ToDo (im resize-Handler)

1. mousewheel- und touch-Events entfernen - .off("touchstart.qpHorPara touchmove.qpHorPara"), .off("mousewheel.qpHorPara DOMMouseScroll.qpHorPara")
2. defaults.width und defaults.height neu berechnen
3. Gesamtlänge neu berechnen und UL zuweisen (siehe Zeilen 24-30)
4. Länge der slides neu berechnen slides.each(...) - siehe Zeile 36
5. animSlide mit aktuellem Index aufrufen animSlide(defaults.index)

Es soll ein Paralax-Effenkt für das horizontale Scrollen implementiert werden.

Mögliche Vorgehensweise:

1. Hintergrund in Wrapper (DIV) einfügen
2. Hintergrund muss breit genug sein!
3. Im Scroll-/Mousewheel-/Touchevent den Hintergrund langsamer bewegen als Vordergrund (UL)

Tipps:

• http://html-mania.de/2013/anleitung-fuer-parallax-scrolling-mit-jquery/
• http://blog.themeforest.net/tutorials/create-a-funky-parallax-background-effect-using-jquery/

isCss = checkCssProperty('transition'); aus calcDimensions in init verschieben - muss nur beim Initialisieren aufgerufen werden, nicht bei jedem Resize!