Modal Images

Beauter can add modal images which are very useful in e-commerce and blogging related sites.

modal

-close
modal-content
caption

Click on the fading effect image to see it in a large modal box.

✖

<img class="modalimg" id="imgu" src="/img/pink.jpg" alt="Blossom Garden, from Internet!" width="300" height="200"   onclick="openimg('imgu','imgb')">

<div id="imgb" class="modal">
  <span class="-close">✖</span>
  <img class="modal-content">
  <div class="caption"></div>
</div>

Note that you need to include beauter.min.js at the end for the dynamic event triggering. See how here.