Documentation

Everything you can do with Beauter

Modal Images

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

base
modal
object
-close
modal-content
caption

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

Blossom Garden, from Internet!
<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.


Sitemap ..

Code licensed under MIT
Docs under CC BY NC SA 4.0.
Designed with
outboxcraft logoOutboxcraft
© 2017