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
| <!DOCTYPE html>
<html>
<head>
<title>Test</title>
<script
src="https://code.jquery.com/jquery-3.2.1.js"
integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE="
crossorigin="anonymous">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.3/TweenMax.min.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In scelerisque justo ut vulputate dignissim. Aenean pulvinar, dui nec ullamcorper egestas, sem felis dignissim ipsum, et mollis diam dolor eget eros. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent semper varius mauris nec scelerisque. Nullam aliquam interdum molestie. Quisque leo lectus, rutrum id metus sed, semper euismod erat. Proin eu velit eget nunc gravida faucibus. Donec id venenatis arcu, quis sagittis tortor. Nunc id est nisl. Nunc pellentesque cursus rutrum. Ut feugiat mi ut justo porta convallis. Donec suscipit sagittis leo venenatis luctus.Lorem ipsum dolor sit amet, consectetur adipiscing elit. In scelerisque justo ut vulputate dignissim. Aenean pulvinar, dui nec ullamcorper egestas, sem felis dignissim ipsum, et mollis diam dolor eget eros. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent semper varius mauris nec scelerisque. Nullam aliquam interdum molestie. Quisque leo lectus, rutrum id metus sed, semper euismod erat. Proin eu velit eget nunc gravida faucibus. Donec id venenatis arcu, quis sagittis tortor. Nunc id est nisl. Nunc pellentesque cursus rutrum. Ut feugiat mi ut justo porta convallis. Donec suscipit sagittis leo venenatis luctus.Lorem ipsum dolor sit amet, consectetur adipiscing elit. In scelerisque justo ut vulputate dignissim. Aenean pulvinar, dui nec ullamcorper egestas, sem felis dignissim ipsum, et mollis diam dolor eget eros. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent semper varius mauris nec scelerisque. Nullam aliquam interdum molestie. Quisque leo lectus, rutrum id metus sed, semper euismod erat. Proin eu velit eget nunc gravida faucibus. Donec id venenatis arcu, quis sagittis tortor. Nunc id est nisl. Nunc pellentesque cursus rutrum. Ut feugiat mi ut justo porta convallis. Donec suscipit sagittis leo venenatis luctus.</p>
</div>
<div>
<iframe src="svg-statique.png" data-src="test.svg" class="lazyload" data-expand="-300" frameborder="0" allowfullscreen></iframe>
</div>
<script src="lazysizes.js"></script>
<script src="main.js"></script>
</body>
</html> |
Partager