Image Pane

Resizes an image to a small preview. The size is dynamic based upon the size of the viewport, but still remains within the range of preview size.

Unlike image thumbnails, an image pane resizes the images to the same height, allowing the width to vary based upon the image aspect ratio.

Structure

<img class="pane" … />

Examples

Gate and Turret

Caipirinha

<img class="pane"
  src="gate-turret-preview.jpg" alt="Gate and Turret"
  title="“Gate and Turret” — Copyright © 2009 Garret Wilson" />
<img class="pane"
  src="caipirinha-preview.jpg" alt="Caipirinha"
  title="“Caipirinha” — Copyright © 2013 Garret Wilson" />

Properties

--skelt-pane-height
--skelt-pane-min-height
--skelt-pane-max-height