Commit ab4ec157 authored by Jonas Heinrich's avatar Jonas Heinrich

fix click events

parent 5012734b
......@@ -45,6 +45,10 @@ logo {
padding: 10px;
}
img.logo {
cursor: pointer;
}
.burger_menu {
display: none;
}
......@@ -112,7 +116,7 @@ map {
.btn a {
text-decoration: none;
color:inherit;
color: inherit;
}
.btn:hover{
......@@ -152,8 +156,9 @@ h3 {
;
}
.logo {
img.logo{
width: 250px;
cursor: pointer;
}
content {
......
......@@ -20,7 +20,7 @@
<div class="container">
<logo>
<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>
<navigation>
<div class="wrapper">
......@@ -33,7 +33,6 @@
<map>
<!-- <div id='map' style='width: 100%; height: 100%;'></div> -->
</map>
<content>
<div class="description">
......@@ -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.
</div>
<div class="video-navigation">
<a href='#' src='overview.html' class='btn'>Zur Werkübersicht</a>
<a href='#' src='video/video1.html' class='btn'>Zur ersten Episode</a>
<div class='video-navigation'>
<a href='#' ref='overview.html' class='btn'>Zur Werkübersicht</a>
<a href='#' ref='video/video1.html' class='btn'>Zur ersten Episode</a>
</div>
</content>
......
$( "logo" ).click(function() {
$( ".burger_menu" ).click(function() {
if ($("navigation").css("height") == "0px"){
$("navigation").css("height","50px");
} else {
......@@ -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');
load_page(link);
});
......
<div class="description">
<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>
<html>
<body>
<div class="description">
<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">
<a href='#' src='overview.html' class='btn'>Zur Werkübersicht</a>
<a href='#' src='video/video1.html' class='btn'>Zur ersten Episode</a>
</div>
<div class="video-navigation">
<a href='#' ref='overview.html' class='btn'>Zur Werkübersicht</a>
<a href='#' ref='video/video1.html' class='btn'>Zur ersten Episode</a>
</div>
</body>
</html>
......@@ -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 blaBla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla
</div>
</div>
<div class="video-navigation">
<a href='#' src="overview.html" class="btn">Zur Werkübersicht</a>
......@@ -60,4 +59,5 @@
$('#player').videre();
});
</script>
</html>
......@@ -48,8 +48,8 @@
</div>
<div class="video-navigation">
<a href='#' src="video/video9.html" class="btn">Zur vorherigen Episode</a>
<a href="#" src='overview.html' class="btn">Zur Werkübersicht</a>
<a href='#' ref="video/video9.html" class="btn">Zur vorherigen Episode</a>
<a href="#" ref='overview.html' class="btn">Zur Werkübersicht</a>
</div>
</body>
......
......@@ -48,8 +48,8 @@
</div>
<div class="video-navigation">
<a href='#' src="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/video1.html" class="btn">Zur vorherigen Episode</a>
<a href="#" ref='video/video3.html' class="btn">Zur nächsten Episode</a>
</div>
</body>
......
......@@ -48,8 +48,8 @@
</div>
<div class="video-navigation">
<a href='#' src="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/video2.html" class="btn">Zur vorherigen Episode</a>
<a href="#" ref='video/video4.html' class="btn">Zur nächsten Episode</a>
</div>
</body>
......
......@@ -48,8 +48,8 @@
</div>
<div class="video-navigation">
<a href='#' src="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/video3.html" class="btn">Zur vorherigen Episode</a>
<a href="#" ref='video/video5.html' class="btn">Zur nächsten Episode</a>
</div>
</body>
......
......@@ -48,8 +48,8 @@
</div>
<div class="video-navigation">
<a href='#' src="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/video4.html" class="btn">Zur vorherigen Episode</a>
<a href="#" ref='video/video6.html' class="btn">Zur nächsten Episode</a>
</div>
</body>
......
......@@ -48,8 +48,8 @@
</div>
<div class="video-navigation">
<a href='#' src="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/video5.html" class="btn">Zur vorherigen Episode</a>
<a href="#" ref='video/video7.html' class="btn">Zur nächsten Episode</a>
</div>
</body>
......
......@@ -48,8 +48,8 @@
</div>
<div class="video-navigation">
<a href='#' src="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/video6.html" class="btn">Zur vorherigen Episode</a>
<a href="#" ref='video/video8.html' class="btn">Zur nächsten Episode</a>
</div>
</body>
......
......@@ -48,8 +48,8 @@
</div>
<div class="video-navigation">
<a href='#' src="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/video7.html" class="btn">Zur vorherigen Episode</a>
<a href="#" ref='video/video9.html' class="btn">Zur nächsten Episode</a>
</div>
</body>
......
......@@ -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
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 class="video-navigation">
<a href='#' src="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/video8.html" class="btn">Zur vorherigen Episode</a>
<a href="#" ref='video/video10.html' class="btn">Zur nächsten Episode</a>
</div>
</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