https://zeitagency.com/assets/transition-dir.js

1/* Side-transition: bestem retning ud fra sidernes raekkefoelge.
2   0 = forside, 1 = Service, 2 = Formater & kanaler, 3 = Cases,
3   4 = Zeit Hybrid, 5 = Bureauer, 6 = Priser, 7 = Team Zeit.
4   Maalside til hoejre (hoejere nr.) -> 'forward' (ny side kommer fra hoejre).
5   Maalside til venstre (lavere nr.) -> 'back' (ny side kommer fra venstre). */
6(function () {
7  var ORDER = {
8    '': 0, 'index': 0,
9    'services': 1,
10    'formater-og-kanaler': 2,
11    'cases': 3,
12    'zeit-hybrid': 4,
13    'bureauer': 5,
14    'priser': 6,
15    'team': 7,
16    'agencies': 5, 'formats-and-channels': 2, 'prices': 6, 'team-zeit': 7
17  };
18  function idxOf(path) {
19    var f = (path.split('/').pop() || 'index').toLowerCase().replace(/\.html?$/, '');
20    if (!f) f = 'index';
21    return (f in ORDER) ? ORDER[f] : null;
22  }
23  var THIS_INDEX = idxOf(location.pathname);
24
25  // Gem denne sides nummer naar man forlader den, saa naeste side ved hvor man kom fra.
26  window.addEventListener('pageswap', function () {
27    if (THIS_INDEX !== null) sessionStorage.setItem('vtIdx', String(THIS_INDEX));
28  });
29
30  // Naar den nye side afsloeres: saet retnings-klasse foer overgangen tegnes.
31  window.addEventListener('pagereveal', function (e) {
32    var root = document.documentElement;
33    root.classList.remove('vt-forward', 'vt-back');
34    if (!e.viewTransition) return;
35    var prev = sessionStorage.getItem('vtIdx');
36    if (prev !== null && THIS_INDEX !== null) {
37      root.classList.add((THIS_INDEX < +prev) ? 'vt-back' : 'vt-forward');
38    }
39    if (e.viewTransition.finished) {
40      e.viewTransition.finished.then(function () {
41        root.classList.remove('vt-forward', 'vt-back');
42      });
43    }
44  });
45})();