adds lazyload stuff (does not work) - but for reference

master
Dominic Reich 7 years ago
parent fa0c76ea7e
commit eeac3c5959

Binary file not shown.

After

Width:  |  Height:  |  Size: 106 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 61 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 374 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 352 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 19 KiB

After

Width:  |  Height:  |  Size: 12 KiB

@ -20,6 +20,7 @@
<script type="text/javascript" src="js/zone.js"></script> <script type="text/javascript" src="js/zone.js"></script>
<script type="text/javascript" src="js/jquery-1.11.2.min.js"></script> <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="js/lazysizes.min.js" async=""></script>
<script> <script>
function getURLparams() function getURLparams()
{ {
@ -154,6 +155,18 @@
}); });
</script> </script>
<style>
.blur-up {
-webkit-filter: blur(5px);
filter: blur(5px);
transition: filter 400ms, -webkit-filter 400ms;
}
.blur-up.lazyloaded {
-webkit-filter: blur(0);
filter: blur(0);
}
</style>
</head> </head>
<body> <body>
<header class="page-head"> <header class="page-head">
@ -161,7 +174,22 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="navbar-header"> <div class="navbar-header">
<a class="navbar-brand" href="#"> <a class="navbar-brand" href="#">
<img class="brand-logo" src="images/seite37-logo.png" height="56" width="280"> <img
data-sizes="auto"
data-src="images/seite37-logo.png"
data-srcset="images/seite37-logo-150.png 150w, images/seite37-logo-300.png 300w,
images/seite37-logo.png 600w"
class="brand-logo lazyload" />
<!-- <img
data-sizes="auto"
src="images/hdr-oetzerberg-view-feature-320.jpg"
data-srcset="images/hdr-oetzerberg-view-feature-lq.jpg 20w,
images/hdr-oetzerberg-view-feature-320.jpg 320w,
images/hdr-oetzerberg-view-feature-768.jpg 768w,
images/hdr-oetzerberg-view-feature-1024.jpg 1024w,
images/hdr-oetzerberg-view-feature-1920.jpg 1920w"
alt="Beautiful HDR Image of Ötztal Valley"
class="brand-logo lazyload blur-up"> -->
</a> </a>
</div> </div>
<div class="info"> <div class="info">

File diff suppressed because one or more lines are too long
Loading…
Cancel
Save