-
Notifications
You must be signed in to change notification settings - Fork 1
/
layerlax.html
33 lines (30 loc) · 970 Bytes
/
layerlax.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE html>
<html>
<head>
<title>Layerlax</title>
<link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>
<ul class="layerlax">
<li class="layer layer1" data-layer="1" data-depth="1.2" data-scale="1" data-zoom-in="1" data-zoom-out="1.03">
<img src="img/Q1-BOTTOM-A.png">
</li>
<li class="layer layer2" data-layer="2" data-depth="1.5">
<img src="img/Q1-BOTTOM-B.png">
</li>
<li class="layer layer3" data-layer="3" data-depth="1.35" data-scale="1" data-zoom-in="1" data-zoom-out="1.12">
<img src="img/Q1-TOP-A.png">
</li>
<li class="layer layer4" data-layer="4" data-depth="1">
<img src="img/Q1-TOP-B.png">
</li>
</ul>
<script type="text/javascript" src="js/Layerlax.js"></script>
<script type="text/javascript">
window.addEventListener("load", function () {
var element = document.querySelector('.layerlax'),
layerlax = new Layerlax(element);
}, false);
</script>
</body>
</html>