diff --git a/index.html b/index.html index a14084b2b13a157c5fbc040bb7b27ce64b0df677..48bfd64e14b70d89fd6057518e977236269165e2 100644 --- a/index.html +++ b/index.html @@ -4,7 +4,7 @@ - Ausstellung-Virtuell | Folge und Varianz + Folge & Varianz | Ausstellung-Virtuell @@ -20,7 +20,7 @@
- +

Ausstellung-Virtuell

Folge & Varianz

@@ -29,8 +29,8 @@ @@ -49,8 +49,8 @@
- Zur Werkübersicht - Zur ersten Episode + Zur Werkübersicht + Zur ersten Episode
diff --git a/index.php b/index.php new file mode 100644 index 0000000000000000000000000000000000000000..b737c5e55addea4206e32758a57a6178308efaa0 --- /dev/null +++ b/index.php @@ -0,0 +1,62 @@ + + + + + + + Folge & Varianz | Ausstellung-Virtuell + + + + + + + + + + + + +
+ + + +

Ausstellung-Virtuell

+

Folge & Varianz

+
+ +
+ + + + + + + + +
+ + + + + + + +"; + echo " load_page('main.html', 'Folge & Varianz | Ausstellung-Virtuell');"; + echo ""; + } +?> + + + + diff --git a/js/main.js b/js/main.js index e2a14d3ce6ffefdc8f26e916b7622e752eb7fa98..1e2bdf541414aa801b8fd83fe7ae3466ac75981b 100644 --- a/js/main.js +++ b/js/main.js @@ -12,25 +12,28 @@ $('body').on('click','.btn, .nav-item, logo, .video-item', function(e) { if ($(this).prop('tagName') == "A") { var $this = $(this), + title = $this.attr("title"), url = $this.attr("href"); } else { var $this = $(this).find('a'), + title = $this.attr("title"), url = $this.attr("href"); } - load_page(url); + load_page(url, title); return false; }); -function load_page(url) { +function load_page(url, title) { $("content").empty(); $("content").hide().load(url).fadeIn('fast'); - window.history.pushState('', '', url); + document.title = title; + window.history.pushState({url: "" + url + "", title: "" + title + ""}, title, url); } -window.onpopstate = function(event) { - load_page(location.pathname); +window.onpopstate = function(e) { + load_page(e.state ? e.state.url : null, e.state ? e.state.title : null); }; diff --git a/main.html b/main.html index aa2622d70e66124f0444b87588e49a93764cee49..e973809db9b50804a4180484355c214849cd287d 100644 --- a/main.html +++ b/main.html @@ -9,8 +9,8 @@
- Zur Werkübersicht - Zur ersten Episode + Zur Werkübersicht + Zur ersten Episode
diff --git a/overview.html b/overview.html index 4256119480484ec206f010ed3cf100296fe2faab..9158ed268d938aa06a971fe205fad03b7da8e951 100644 --- a/overview.html +++ b/overview.html @@ -12,70 +12,70 @@
- + Ehrung des Quadrats: Gelbes Zentrum Die ineinander geschachtelten, farbigen Quadrate in dem Werk von Josef Albers erinnern an das Spiel mit Matrjoschka-Puppen.
- + Dynamische Struktur Heinz Mack entwickelt eine variierende und folgenreiche Bildstruktur. Sie ist Ausdruck einer künstlerischen Neuausrichtung in der Nachkriegszeit.
- + Überfall auf einen Geleitzug Etliche Detailszenen sind in den Schlachtenbildern von Sebastian Vrancx zu erkennen. Dabei fällt eine wiederkehrende, einheitliche Typologie der Figuren auf.
- + Abendessen in der Scheune & co. Der flämische Maler David Teniers der Jüngere inszeniert ausgelassene Dorffeste und Alltagsszenen. In seinen Werken finden sich zudem zahlreiche Stillleben.
- + Take a long break I, II Großformatige Fotografien, die eine Tasse zeigen, bewegen sich scheinbar magisch im Raum. Die Installation von Marijke van Warmerdam erzeugt Varianz innerhalb der Bewegung.
- + Großes Stillleben mit Kerzen und Spiegel Der breite Spiegel hinter dem Stillleben im Ölgemälde von Max Beckmann reflektiert die Gegenstände auf ungewöhnliche Weise. Sie entwickeln scheinbar ein Eigenleben.
- + Van Gogh als verkannter Hochstapler Der Künstler Arnulf Rainer übermalt Fotografien von van Goghs Gemälden. Was zuerst zerstörerisch anmutet, eröffnet auf den zweiten Blick neue thematische Aspekte.
- + Die heilige Elisabeth von Thüringen Täuschend echt stellt Grünewald zwei Heilige als Steinfiguren auf den Tafeln des Heller-Altars dar. Ein einheitlicher Bildaufbau erweckt den Eindruck einer Zusammengehörigkeit.
- + Markgraf Christoph I. von Baden mit seiner Familie Hans Baldung Grien portraitiert in dem Werk die 16-köpfige Familie des Markgraf von Baden. Im Gegensatz zum heutigen Gruppenporträt wirken die dargestellten Personen fast identisch.
- + Bubbles Die digital projizierten Seifenblasen reagieren auf die Interaktion des Besuchers. In der Installation von Wolfgang Muench und Kiyoshi Furukawa treffen digitale und reale Welt aufeinander. diff --git a/video/video1.html b/video/video1.html index 11899b79cf9ff6d89146f3508f2283a66e450450..1b8a4b8e9f2a1acc9a8f89505405b7a5c04c60e3 100644 --- a/video/video1.html +++ b/video/video1.html @@ -69,8 +69,8 @@
- Zur Werkübersicht - Zur nächsten Episode + Zur Werkübersicht + Zur nächsten Episode
diff --git a/video/video10.html b/video/video10.html index 99618acc38630d145e7cdefdd06c7e65b64741a3..d14e428d72761341addb1cba5dfeba8a6cd5020c 100644 --- a/video/video10.html +++ b/video/video10.html @@ -68,8 +68,8 @@
- Zur vorherigen Episode - Zur Werkübersicht + Zur vorherigen Episode + Zur Werkübersicht
diff --git a/video/video2.html b/video/video2.html index e6efa50e60b6b9db3742b6f9b42644c39d3d465e..fede70960188f0ff98990c6842eaa641af770fd1 100644 --- a/video/video2.html +++ b/video/video2.html @@ -69,8 +69,8 @@
- Zur vorherigen Episode - Zur nächsten Episode + Zur vorherigen Episode + Zur nächsten Episode
diff --git a/video/video3.html b/video/video3.html index 499a2f6fa9a0644a3d02e557f2f1ba45acd0ff98..184b6f987c30c81fa25a1357ffecee3bdbaf80cc 100644 --- a/video/video3.html +++ b/video/video3.html @@ -68,8 +68,8 @@
- Zur vorherigen Episode - Zur nächsten Episode + Zur vorherigen Episode + Zur nächsten Episode
diff --git a/video/video4.html b/video/video4.html index 39561058415e086d0f30a32d67cfa9ba899787a5..e92a17e3a2f724aca5f2298f45b027a28af07061 100644 --- a/video/video4.html +++ b/video/video4.html @@ -68,8 +68,8 @@
- Zur vorherigen Episode - Zur nächsten Episode + Zur vorherigen Episode + Zur nächsten Episode
diff --git a/video/video5.html b/video/video5.html index 1d456a4351f7763865c8ea3bc4d6981ce62c483f..433d5beb0a58153df6eaffb10de581b4fad709c7 100644 --- a/video/video5.html +++ b/video/video5.html @@ -68,8 +68,8 @@
- Zur vorherigen Episode - Zur nächsten Episode + Zur vorherigen Episode + Zur nächsten Episode
diff --git a/video/video6.html b/video/video6.html index 5e755bf2de4d6109d75cb698cd05ce099ae21f3b..689dc81b63c4d7c42aac16e5196494664fc5dcbc 100644 --- a/video/video6.html +++ b/video/video6.html @@ -68,8 +68,8 @@
- Zur vorherigen Episode - Zur nächsten Episode + Zur vorherigen Episode + Zur nächsten Episode
diff --git a/video/video7.html b/video/video7.html index 006ea7364d0ed4081769855c1ad42a49f74838bc..f97760acb3ae7ea53154c8ee6a9003ba3d923e84 100644 --- a/video/video7.html +++ b/video/video7.html @@ -68,8 +68,8 @@
- Zur vorherigen Episode - Zur nächsten Episode + Zur vorherigen Episode + Zur nächsten Episode
diff --git a/video/video8.html b/video/video8.html index 11649ba2a9c4b8f2f01c07a76d23492fc6657765..15a74da18ac59d8a4b00e11d1072e216bfb00465 100644 --- a/video/video8.html +++ b/video/video8.html @@ -68,8 +68,8 @@
- Zur vorherigen Episode - Zur nächsten Episode + Zur vorherigen Episode + Zur nächsten Episode
diff --git a/video/video9.html b/video/video9.html index 44be2f10bc3b822a504c52b1440998c6a95ae804..06e670cb94a95e724313354b072921e4ab4be21f 100644 --- a/video/video9.html +++ b/video/video9.html @@ -76,8 +76,8 @@
- Zur vorherigen Episode - Zur nächsten Episode + Zur vorherigen Episode + Zur nächsten Episode