<style>
.b-lazy {
-webkit-transition: opacity 500ms ease-in-out;
-moz-transition: opacity 500ms ease-in-out;
-o-transition: opacity 500ms ease-in-out;
transition: opacity 500ms ease-in-out;
max-width: 100%;
opacity: 0;
}
.b-lazy.b-loaded {
opacity: 1;
}
</style>
--------------------
<script type="text/javascript" src="/script/js/blazy.js"></script>
<script>
;(function()
{
var bLazy = new Blazy();
})();
</script>
--------------------
<img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/images/translator-6.png" alt="คำอธิบายภาพ">
-------------------
อ้างอิง: http://dinbror.dk/blazy/examples/?ref=blog
ไม่มีความคิดเห็น:
แสดงความคิดเห็น