Whitebox Gallery

Use <whitebox> to hold images and create a whitebox gallery component.

click on the image below

<whitebox>
  <whitebox-item>
    <image href="..."/>
  </whitebox-item>
  <whitebox-item>
    <image href="..."/>
  </whitebox-item>
  <whitebox-item>
    <image href="..."/>
  </whitebox-item>
</whitebox>
<ol outputclass="whitebox">
  <li>
    <image href="..."/>
  </li>
  <li>
    <image href="..."/>
  </li>
  <li>
    <image href="..."/>
  </li>
</ol>

Whitebox Gallery Titles

Use the <alt> element to display a title with each image.

click on the image below

First Image
<whitebox>
  <whitebox-item>
    <image href="...">
      <alt>First Image</alt>
    </image>
  </whitebox-item>
  <whitebox-item>
    <image href="...">
      <alt>Second Image</alt>
    </image>
  </whitebox-item>
  <whitebox-item>
    <image href="...">
      <alt>Third Image</alt>
    </image>
  </whitebox-item>
</whitebox>
<ol outputclass="whitebox">
  <li>
    <image href="...">
      <alt>First Image</alt>
    </image>
  </li>
  <li>
    <image href="...">
      <alt>Second Image</alt>
    </image>
  </li>
  <li>
    <image href="...">
      <alt>Third Image</alt>
    </image>
  </li>
</ol>