tattica
Version:
Tactical and adaptive asset loading library
63 lines (60 loc) • 1.94 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Load Sync</title>
</head>
<body>
<div class="wrapper">
<h1>Tattica testing <code>sync load</code></h1>
<div class="container">
<img src="https://source.unsplash.com/900x900/?pc" alt="0">
</div>
<div class="container">
<img
data-flag
data-src="../../demo/images/0.jpg"
alt="1">
</div>
<div class="container">
<img data-flag data-src="../../demo/images/1.jpg" alt="2">
</div>
<div class="container">
<img data-flag data-src="../../demo/images/2.jpg" alt="3">
</div>
<div class="container">
<img data-flag data-block="1" data-src="../../demo/images/3.jpg" alt="1">
</div>
<div class="container">
<img data-flag data-block="1" data-src="../../demo/images/4.jpg" alt="2">
</div>
<div class="container">
<img data-flag data-block="1" data-src="../../demo/images/5.jpg" alt="3" >
</div>
<div class="container">
<img data-flag data-src="../../demo/images/6.jpg" alt="1" >
</div>
<div class="container">
<img data-flag data-src="../../demo/images/7.jpg" alt="2" >
</div>
<div class="container">
<img data-flag data-src="../../demo/images/8.jpg" alt="3" >
</div>
</div>
<style>
.container {
min-height: 100vh;
height: 110vh;
}
</style>
<script src="../../dist/tattica.umd.js"></script>
<script type="text/javascript">
const config = {
timestamp: true,
}
tattica(config);
</script>
</body>
</html>