wheel.json (german)

Gammelstulle edited this page Sep 3, 2017 · 1 revision

Die Position der "wheels" wird durch eine Datei namens "wheel.json" definiert, die sich im Datenbankordner des gewünschten Systemes befindet.

Dies kann folgendermaßen aussehen:

wheel.json

{
  "transitionTime": 400,
  "selectPosition": 2,
  "hide": false,
  "hideStart": 1500,
  "hideDuration": 1500,
  "type": "horizontal",
  "points": [
    {"x":35, "y":80, "rotation": 70, "scale":1, "zIndex":1},
    {"x":40, "y":80, "rotation": -70, "scale":1, "zIndex":2},
    {"x":60, "y":80, "rotation": 0,   "scale":2, "zIndex":3},
    {"x":80, "y":80, "rotation": -70, "scale":1, "zIndex":2},
    {"x":85, "y":80, "rotation": -70, "scale":1, "zIndex":1}
  ]
}

Sie können Ihre json-Datei mit[JSON Lint] (http://jsonlint.com/) validieren.

Somit kann folgendes verändert werden:

  1. transitionTime: Wartezeit für den Übergang eines weels zu einem anderen

  2. selectPosition: hier kenzeichnet man die Position des aktiven wheels anhand von Zahlen. Bedenke das die Aufzählung bei 0 beginnt. In unserem Beispiel ist das Rad 14 also durch die Position des Index 15 gekennzeichnet.

  3. hide: true / false, gibt an, ob Sie die Ausblendung aktivieren wollen oder nicht.

  4. hideStart: gibt an, ab wann und wie lange das "hide" beginnen soll.

  5. hideDuration: bezieht sich auf die dauer, bis die "Wheels" volkommen ausgeblendet werden.

  6. type: ändert die Navigationsausrichtung des wheels (orizontal oder vertikal)

  7. points: Bewegungen auf dem Bildschirm. Die Punkte, aus denen sich das wheel zusammensetzt.

  • x: Standort auf der horizontalen Achse in Prozent.
  • y: Standort auf der vertikalen Achse in Prozent.
  • transform: Transformationen für das Element (Sehe CSS Transforms).
  • scale: Vergrößerungs / Verkleinerunsgfaktor auf das Element
  • index: Nummerierung des Elements. Vergesse nicht das der Index bei 0 beginnt undman +1 rechnen muss.

In unseren Beispiel ergibt sich daraus folgendes Ergebnis :

You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.
Press h to open a hovercard with more details.