JavaScript - Page Transitions: Unterschied zwischen den Versionen
Aus Wikizone
| Zeile 7: | Zeile 7: | ||
== Quickstart == | == Quickstart == | ||
| + | === AJAX Strategie === | ||
| + | * 2 verschachtelte Container | ||
| + | * Der äußere beinhaltet alle Inhalte. An den inneren werden die neuen Inhalte angehängt (append) | ||
| + | * Page Transition wird ausgeführt und der innere Container mit den alten Inhalten ausgeblendet. | ||
| + | * Evtl. Browser History aktualisieren und URL | ||
| + | * Evtl. Seitenskripte neu initialisieren | ||
== Inhalte dynamisch nachladen mit AJAX == | == Inhalte dynamisch nachladen mit AJAX == | ||
Version vom 1. März 2017, 09:19 Uhr
Tools und Links
- http://git.blivesta.com/animsition/
- http://designdrizzle.com/15-amazing-page-transitions-effects-tutorials-in-jquery-and-css3/
- https://webdesign.tutsplus.com/tutorials/how-to-create-an-ajax-driven-theme-for-processwire--cms-26579
Tutorials
Quickstart
AJAX Strategie
- 2 verschachtelte Container
- Der äußere beinhaltet alle Inhalte. An den inneren werden die neuen Inhalte angehängt (append)
- Page Transition wird ausgeführt und der innere Container mit den alten Inhalten ausgeblendet.
- Evtl. Browser History aktualisieren und URL
- Evtl. Seitenskripte neu initialisieren
