Commit ab4ec157 authored by Jonas Heinrich's avatar Jonas Heinrich

fix click events

parent 5012734b
...@@ -45,6 +45,10 @@ logo { ...@@ -45,6 +45,10 @@ logo {
padding: 10px; padding: 10px;
} }
img.logo {
cursor: pointer;
}
.burger_menu { .burger_menu {
display: none; display: none;
} }
...@@ -112,7 +116,7 @@ map { ...@@ -112,7 +116,7 @@ map {
.btn a { .btn a {
text-decoration: none; text-decoration: none;
color:inherit; color: inherit;
} }
.btn:hover{ .btn:hover{
...@@ -152,8 +156,9 @@ h3 { ...@@ -152,8 +156,9 @@ h3 {
; ;
} }
.logo { img.logo{
width: 250px; width: 250px;
cursor: pointer;
} }
content { content {
......
...@@ -20,7 +20,7 @@ ...@@ -20,7 +20,7 @@
<div class="container"> <div class="container">
<logo> <logo>
<img class='logo' src='images/logo.png' ref='main.html'> <img class='logo' src='images/logo.png' ref='main.html'>
<img class="burger_menu" id="burger_menu" src=images/menu.png> <img class="burger_menu" id="burger_menu" src='images/menu.png'>
</logo> </logo>
<navigation> <navigation>
<div class="wrapper"> <div class="wrapper">
...@@ -33,7 +33,6 @@ ...@@ -33,7 +33,6 @@
<map> <map>
<!-- <div id='map' style='width: 100%; height: 100%;'></div> --> <!-- <div id='map' style='width: 100%; height: 100%;'></div> -->
</map> </map>
<content> <content>
<div class="description"> <div class="description">
...@@ -41,9 +40,9 @@ ...@@ -41,9 +40,9 @@
Unsere Virtuelle-Ausstellung beginnt mit velit magni aliquid minus. Repellendus et harum consectetur alias ad. Suscipit vel assumenda quia similique et quia doloribus. Maiores sed animi voluptate et perferendis eum quia. Et est veniam temporibus quia ipsa repudiandae autem quo. Sed harum assumenda accusantium mollitia. Unsere Virtuelle-Ausstellung beginnt mit velit magni aliquid minus. Repellendus et harum consectetur alias ad. Suscipit vel assumenda quia similique et quia doloribus. Maiores sed animi voluptate et perferendis eum quia. Et est veniam temporibus quia ipsa repudiandae autem quo. Sed harum assumenda accusantium mollitia.
</div> </div>
<div class="video-navigation"> <div class='video-navigation'>
<a href='#' src='overview.html' class='btn'>Zur Werkübersicht</a> <a href='#' ref='overview.html' class='btn'>Zur Werkübersicht</a>
<a href='#' src='video/video1.html' class='btn'>Zur ersten Episode</a> <a href='#' ref='video/video1.html' class='btn'>Zur ersten Episode</a>
</div> </div>
</content> </content>
......
$( "logo" ).click(function() { $( ".burger_menu" ).click(function() {
if ($("navigation").css("height") == "0px"){ if ($("navigation").css("height") == "0px"){
$("navigation").css("height","50px"); $("navigation").css("height","50px");
} else { } else {
...@@ -6,7 +6,7 @@ $( "logo" ).click(function() { ...@@ -6,7 +6,7 @@ $( "logo" ).click(function() {
} }
}); });
$('body').on('click','.btn + :not([class=disabled]), .nav-item, .logo', function() { $('body').on('click','.btn, .nav-item, .logo', function() {
var link = $(this).attr('ref'); var link = $(this).attr('ref');
load_page(link); load_page(link);
}); });
......
<div class="description"> <html>
<h2>Werkübersicht</h2> <body>
Unsere Virtuelle-Ausstellung beginnt mit velit magni aliquid minus. Repellendus et harum consectetur alias ad. Suscipit vel assumenda quia similique et quia doloribus. Maiores sed animi voluptate et perferendis eum quia. Et est veniam temporibus quia ipsa repudiandae autem quo. Sed harum assumenda accusantium mollitia. <div class="description">
</div> <h2>Werkübersicht</h2>
Unsere Virtuelle-Ausstellung beginnt mit velit magni aliquid minus. Repellendus et harum consectetur alias ad. Suscipit vel assumenda quia similique et quia doloribus. Maiores sed animi voluptate et perferendis eum quia. Et est veniam temporibus quia ipsa repudiandae autem quo. Sed harum assumenda accusantium mollitia.
</div>
<div class="video-navigation"> <div class="video-navigation">
<a href='#' src='overview.html' class='btn'>Zur Werkübersicht</a> <a href='#' ref='overview.html' class='btn'>Zur Werkübersicht</a>
<a href='#' src='video/video1.html' class='btn'>Zur ersten Episode</a> <a href='#' ref='video/video1.html' class='btn'>Zur ersten Episode</a>
</div> </div>
</body>
</html>
...@@ -46,7 +46,6 @@ ...@@ -46,7 +46,6 @@
Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla
Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla
</div> </div>
</div>
<div class="video-navigation"> <div class="video-navigation">
<a href='#' src="overview.html" class="btn">Zur Werkübersicht</a> <a href='#' src="overview.html" class="btn">Zur Werkübersicht</a>
...@@ -60,4 +59,5 @@ ...@@ -60,4 +59,5 @@
$('#player').videre(); $('#player').videre();
}); });
</script> </script>
</html> </html>
...@@ -48,8 +48,8 @@ ...@@ -48,8 +48,8 @@
</div> </div>
<div class="video-navigation"> <div class="video-navigation">
<a href='#' src="video/video9.html" class="btn">Zur vorherigen Episode</a> <a href='#' ref="video/video9.html" class="btn">Zur vorherigen Episode</a>
<a href="#" src='overview.html' class="btn">Zur Werkübersicht</a> <a href="#" ref='overview.html' class="btn">Zur Werkübersicht</a>
</div> </div>
</body> </body>
......
...@@ -48,8 +48,8 @@ ...@@ -48,8 +48,8 @@
</div> </div>
<div class="video-navigation"> <div class="video-navigation">
<a href='#' src="video/video1.html" class="btn">Zur vorherigen Episode</a> <a href='#' ref="video/video1.html" class="btn">Zur vorherigen Episode</a>
<a href="#" src='video/video3.html' class="btn">Zur nächsten Episode</a> <a href="#" ref='video/video3.html' class="btn">Zur nächsten Episode</a>
</div> </div>
</body> </body>
......
...@@ -48,8 +48,8 @@ ...@@ -48,8 +48,8 @@
</div> </div>
<div class="video-navigation"> <div class="video-navigation">
<a href='#' src="video/video2.html" class="btn">Zur vorherigen Episode</a> <a href='#' ref="video/video2.html" class="btn">Zur vorherigen Episode</a>
<a href="#" src='video/video4.html' class="btn">Zur nächsten Episode</a> <a href="#" ref='video/video4.html' class="btn">Zur nächsten Episode</a>
</div> </div>
</body> </body>
......
...@@ -48,8 +48,8 @@ ...@@ -48,8 +48,8 @@
</div> </div>
<div class="video-navigation"> <div class="video-navigation">
<a href='#' src="video/video3.html" class="btn">Zur vorherigen Episode</a> <a href='#' ref="video/video3.html" class="btn">Zur vorherigen Episode</a>
<a href="#" src='video/video5.html' class="btn">Zur nächsten Episode</a> <a href="#" ref='video/video5.html' class="btn">Zur nächsten Episode</a>
</div> </div>
</body> </body>
......
...@@ -48,8 +48,8 @@ ...@@ -48,8 +48,8 @@
</div> </div>
<div class="video-navigation"> <div class="video-navigation">
<a href='#' src="video/video4.html" class="btn">Zur vorherigen Episode</a> <a href='#' ref="video/video4.html" class="btn">Zur vorherigen Episode</a>
<a href="#" src='video/video6.html' class="btn">Zur nächsten Episode</a> <a href="#" ref='video/video6.html' class="btn">Zur nächsten Episode</a>
</div> </div>
</body> </body>
......
...@@ -48,8 +48,8 @@ ...@@ -48,8 +48,8 @@
</div> </div>
<div class="video-navigation"> <div class="video-navigation">
<a href='#' src="video/video5.html" class="btn">Zur vorherigen Episode</a> <a href='#' ref="video/video5.html" class="btn">Zur vorherigen Episode</a>
<a href="#" src='video/video7.html' class="btn">Zur nächsten Episode</a> <a href="#" ref='video/video7.html' class="btn">Zur nächsten Episode</a>
</div> </div>
</body> </body>
......
...@@ -48,8 +48,8 @@ ...@@ -48,8 +48,8 @@
</div> </div>
<div class="video-navigation"> <div class="video-navigation">
<a href='#' src="video/video6.html" class="btn">Zur vorherigen Episode</a> <a href='#' ref="video/video6.html" class="btn">Zur vorherigen Episode</a>
<a href="#" src='video/video8.html' class="btn">Zur nächsten Episode</a> <a href="#" ref='video/video8.html' class="btn">Zur nächsten Episode</a>
</div> </div>
</body> </body>
......
...@@ -48,8 +48,8 @@ ...@@ -48,8 +48,8 @@
</div> </div>
<div class="video-navigation"> <div class="video-navigation">
<a href='#' src="video/video7.html" class="btn">Zur vorherigen Episode</a> <a href='#' ref="video/video7.html" class="btn">Zur vorherigen Episode</a>
<a href="#" src='video/video9.html' class="btn">Zur nächsten Episode</a> <a href="#" ref='video/video9.html' class="btn">Zur nächsten Episode</a>
</div> </div>
</body> </body>
......
...@@ -58,13 +58,13 @@ ...@@ -58,13 +58,13 @@
„Markgraf Christoph I. von Baden mit seiner Familie in Anbetung vor der Heiligen Anna Selbdritt“ (kurz Markgrafentafel genannt) um 1509/10 von Hans Baldung Grien „Markgraf Christoph I. von Baden mit seiner Familie in Anbetung vor der Heiligen Anna Selbdritt“ (kurz Markgrafentafel genannt) um 1509/10 von Hans Baldung Grien
Staatliche Kunsthalle Karlsruhe, Inv. 88; Mischtechnik auf Nadelholz, 67,5 x 218 cm Staatliche Kunsthalle Karlsruhe, Inv. 88; Mischtechnik auf Nadelholz, 67,5 x 218 cm
</div> </div>
<div class="video-navigation"> <div class="video-navigation">
<a href='#' src="video/video8.html" class="btn">Zur vorherigen Episode</a> <a href='#' ref="video/video8.html" class="btn">Zur vorherigen Episode</a>
<a href="#" src='video/video10.html' class="btn">Zur nächsten Episode</a> <a href="#" ref='video/video10.html' class="btn">Zur nächsten Episode</a>
</div> </div>
</body> </body>
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment