<figure class="ui-image-magnifier">
  <img width="300" height="300" src="http://oss.arxitics.com/images/emoji/camping.svg" alt="camping" data-schema-magnify>
  <div data-schema-shape="square(100)"></div>
  <div class="ui-offset-medium">
    <img width="900" height="900" src="http://oss.arxitics.com/images/emoji/camping.svg" alt="camping">
  </div>
</figure>

<img width="600" height="600" src="http://oss.arxitics.com/images/emoji/white-circle.svg" alt="desert" data-schema-lazyload="200" data-schema-delay="2000" data-schema-src="http://oss.arxitics.com/images/emoji/desert.svg">