Lazyload with specific size

Uzing LazyLoadXT to load images with dynamic width.

HTML

<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
<script src="https://ressio.github.io/lazy-load-xt/dist/jquery.lazyloadxt.js"></script>

<h2>
Loaded Statically
</h2>
<img src="https://i.stack.imgur.com/5coxi.jpg" width="300px">
<br />
<br />

<h2>
Loaded With Lazy Load
</h2>
<img data-src="https://i.stack.imgur.com/5coxi.jpg" width="300px" src="">
<br />
<br />

<h2>
Loaded With Lazy Load + jQuery Screen Width: <script>document.write(document.documentElement.clientWidth+"px")</script>
</h2>
<script>
  document.write('<img data-src="https://i.stack.imgur.com/5coxi.jpg" width="' + document.documentElement.clientWidth + 'px" src="">')

</script>