@egjs/axes
Version:
A module used to change the information of user action entered by various input devices such as touch screen or mouse into the logical virtual coordinates. You can easily create a UI that responds to user actions.
76 lines (74 loc) • 1.77 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<title>egjs-axes</title>
<meta name="viewport" content="width=device-width, initial-scale=1 user-scalable=no">
<style>
.viewport {
overflow: hidden;
}
.camera {
display: flex;
}
.panel {
padding: 0 10px;
}
</style>
</head>
<body>
<div class="viewport">
<div class="camera">
<div class="panel">
<img
src="https://dummyimage.com/300x300/110010/fff&text=1"
/>
</div>
<div class="panel">
<img
src="https://dummyimage.com/300x300/220020/fff&text=2"
/>
</div>
<div class="panel">
<img
src="https://dummyimage.com/300x300/330030/fff&text=3"
/>
</div>
<div class="panel">
<img
src="https://dummyimage.com/300x300/440040/fff&text=4"
/>
</div>
<div class="panel">
<img
src="https://dummyimage.com/300x300/550050/fff&text=5"
/>
</div>
<div class="panel">
<img
src="https://dummyimage.com/300x300/660060/fff&text=6"
/>
</div>
<div class="panel">
<img
src="https://dummyimage.com/300x300/770070/fff&text=7"
/>
</div>
<div class="panel">
<img
src="https://dummyimage.com/300x300/880080/fff&text=8"
/>
</div>
<div class="panel">
<img
src="https://dummyimage.com/300x300/990090/fff&text=9"
/>
</div>
</div>
</div>
<script src="../../../../node_modules/@egjs/component/dist/component.js"></script>
<script src="../../dist/axes.pkgd.js"></script>
<!-- <script src="../../dist/axes.pkgd.js"></script> -->
<script src="js/flick.js"></script>
</body>
</html>