Image Zoom
<!-- Shortcode for image zoom -->
<div class="tiva-imagezoom" src="assets/media/imagezoom.jpg" image-width="100%" zoom-width="500px" zoom-height="300px" zoom-position="right" zoom-effect="yes" zoom-slow="yes" zoom-scroll="yes"></div>

Attributes:
  • image-width: Width of image (px or %). Default: 100%.
  • zoom-width: Width of zoom window (px). Default: 500px.
  • zoom-height: Height of zoom window (px). Default: 300px.
  • zoom-position: Position of zoom window. (left, right, top, bottom). Default: right.
  • zoom-effect: Use FadeIn/FadeOut effect for zoom window (yes/no). Default: no.
  • zoom-slow: Slow motion on zoom window (yes/no). Default: no.
  • zoom-scroll: Enable zoom by scroll mouse (yes/no). Default: no.
Inner Zoom
<!-- Shortcode for inner zoom -->
<div class="tiva-imagezoom" src="assets/media/imagezoom.jpg" image-width="100%" zoom-type="inner"></div>

Attributes:
  • zoom-type: Type of zoom (inner or lens).
Lens Zoom
<!-- Shortcode for lens zoom -->
<div class="tiva-imagezoom" src="assets/media/imagezoom.jpg" image-width="100%" zoom-type="lens"></div>