Skip to content

Instantly share code, notes, and snippets.

@lawrencealexander10

lawrencealexander10/example.html

Last active August 7, 2016 18:01
Show Gist options
  • Save lawrencealexander10/ccc53772446f2cf239e990f9b2342db3 to your computer and use it in GitHub Desktop.
Save lawrencealexander10/ccc53772446f2cf239e990f9b2342db3 to your computer and use it in GitHub Desktop.
Download ZIP
Attempt at lazy
Raw
example.html
<html>
<head>
<script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha256-cCueBR6CsyA4/9szpPfrX3s49M9vUU5BgtiJj06wt/s=" crossorigin="anonymous"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/jquery.lazy/1.7.2/jquery.lazy.min.js"></script>
</head>
<body>
<img class="lazy" data-src="http://jquery.eisbehr.de/lazy/images/1.jpg?t=1470580821&i=1" />
<img class="lazy" data-src="http://jquery.eisbehr.de/lazy/images/2.jpg?t=1470580821&i=2" />
<img class="lazy" data-src="http://jquery.eisbehr.de/lazy/images/3.jpg?t=1470580821&i=3" />
<img class="lazy" data-src="http://jquery.eisbehr.de/lazy/images/4.jpg?t=1470580821&i=4" />
<img class="lazy" data-src="http://jquery.eisbehr.de/lazy/images/5.jpg?t=1470580821&i=5" />
<img class="lazy" data-src="http://jquery.eisbehr.de/lazy/images/6.jpg?t=1470580821&i=6" />
<img class="lazy" data-src="http://jquery.eisbehr.de/lazy/images/7.jpg?t=1470580821&i=7" />
<img class="lazy" data-src="http://jquery.eisbehr.de/lazy/images/8.jpg?t=1470580821&i=8" />
<img class="lazy" data-src="http://jquery.eisbehr.de/lazy/images/9.jpg?t=1470580821&i=9" />
<img class="lazy" data-src="http://jquery.eisbehr.de/lazy/images/6.jpg?t=1470580821&i=10" />
<img class="lazy" data-src="http://jquery.eisbehr.de/lazy/images/1.jpg?t=1470580821&i=11" />
<img class="lazy" data-src="http://jquery.eisbehr.de/lazy/images/2.jpg?t=1470580821&i=12" />
<img class="lazy" data-src="http://jquery.eisbehr.de/lazy/images/3.jpg?t=1470580821&i=13" />
<img class="lazy" data-src="http://jquery.eisbehr.de/lazy/images/4.jpg?t=1470580821&i=14" />
<img class="lazy" data-src="http://jquery.eisbehr.de/lazy/images/5.jpg?t=1470580821&i=15" />
</body>
<style>
img.lazy{
width: 700px;
height: 467px;
display: block;
}
</style>
<script>
$(function() { $('.lazy').Lazy(); });
</script>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment