image lazyload test

by shigetak

HTML

<a taget=_blank href=https://health.dmkt-sp.jp/lp/dpc_3toku/?utm_source=dpc&utm_medium=health&utm_content=20180201&utm_campaign=3toku2>utm_medium=health</a>

<a taget=_blank href=https://jsfiddle.net/shigetak/kkfogw4b/?utm_source=dpc&utm_medium=health&utm_content=20180201&utm_campaign=3toku2>utm_medium=health</a>


<script type="text/javascript" src="http://www.appelsiini.net/projects/lazyload/jquery.lazyload.js?v=3"></script>
<script type="text/javascript">
$(function() {
    $("img").lazyload();
});
</script>

<div id="pad">pad</div>

<img
    src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw%3D%3D"
    data-original="https://www.google.co.jp/images/srpr/logo3w.png"
/>
<img
    src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw%3D%3D"
    data-original="http://k.yimg.jp/images/top/sp/logo.gif"
/>

<div id="pad">pad</div>

CSS

#pad{
    height: 1000px;
    width: 100px;
    background-color: #FED;
}