Open
Description
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>lory</title>
<meta name="description" content="Touch enabled minimalistic slider written in vanilla JavaScript">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" type="image/ico" href="./static/favicon.ico" />
<link rel="stylesheet" type="text/css" href="./static/app.css" />
</head>
<body>
<div class="slider js_variablewidth variablewidth">
<div class="frame js_frame">
<ul class="slides js_slides">
<li class="js_slide" style="width: 220px;">220</li>
<li class="js_slide" style="width: 190px;">190</li>
<li class="js_slide" style="width: 150px;">150</li>
<li class="js_slide" style="width: 130px;">130</li>
<li class="js_slide" style="width: 250px;">250</li>
<li class="js_slide" style="width: 180px;">180</li>
<li class="js_slide" style="width: 200px;">200</li>
<li class="js_slide" style="width: 140px;">140</li>
<li class="js_slide" style="width: 120px;">120</li>
<li class="js_slide" style="width: 240px;">240</li>
</ul>
</div>
<span class="js_prev prev">
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 501.5 501.5"><g><path fill="#2E435A" d="M302.67 90.877l55.77 55.508L254.575 250.75 358.44 355.116l-55.77 55.506L143.56 250.75z"/></g></svg>
</span>
<span class="js_next next">
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 501.5 501.5"><g><path fill="#2E435A" d="M199.33 410.622l-55.77-55.508L247.425 250.75 143.56 146.384l55.77-55.507L358.44 250.75z"/></g></svg>
</span>
</div>
</body>
<script src="./dist/lory.min.js"></script>
document.addEventListener('DOMContentLoaded', function () {
var variableWidth = document.querySelector('.js_variablewidth');
lory(variableWidth, {
infinite: 3,
rewind: false
});
});
OR
document.addEventListener('DOMContentLoaded', function () {
var variableWidth = document.querySelector('.js_variablewidth');
lory(variableWidth, {
infinite: 3
});
});
```Metadata
Metadata
Assignees
Labels
No labels