filtering with lazyload
by iameuanmackay
HTML
<script src="http://megmackayphoto.com/Beta/lib/js/lazyload.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://bcs.duapp.com/jieyou-storage/jquery.scrollstop.min.js"></script>
<script src="http://megmackayphoto.com/Beta/lib/js/filter.js"></script>
<script src="http://megmackayphoto.com/Beta/dist/js/bootstrap.min.js"></script>
<div class="container-fluid">
<div id="portfolio">
<div class="row">
<div class="hidden-xs col-sm-1 col-sm-offset-1 col-md-1 col-lg-offset-2 col-lg-1">
<div data-spy="affix" data-offset-top="0" data-offset-bottom="200">
<ul id="filter">
<li style="list-style-type: none" class="all"><a href="#">all</a>
</li>
<li style="list-style-type: none" class="people"><a href="#people">people</a>
</li>
<li style="list-style-type: none" class="things"><a href="#things">things</a>
</li>
</ul>
</div>
<!-- end affix -->
</div>
<div class="col-xs-10 col-xs-push-1 col-sm-9 col-sm-push-2 col-md-10 col-lg-6 col-lg-push-3" style="padding-left:5px">
<ul id="portfolio">
<li class="people">
<img class="lazy img-responsive" src="http://www.megmackayphoto.com/Beta/lib/img/transparent.gif" data-original="http://www.megmackayphoto.com/Beta/lib/img/thumbs/people/140220_MabelFlwrCrwn_056.jpg" width="185" height="185">
</li>
<li class="people">
<img class="lazy img-responsive" data-original="http://www.megmackayphoto.com/Beta/lib/img/thumbs/people/140220_MabelFlwrCrwn_129.jpg" width="185" height="185">
</li>
<li class="people">
<img...
JavaScript
$(function () {
$("img.lazy").lazyload({
no_fake_img_loader: true
});
});