Quilt#

With %%quilt you can view image collections. All images are clipped to the same width and height but keep their aspect ratio. When you hover over them, they are scalled down to fit within the available image box, so you can see the full image. The images are ordered horizontally, from left to right, then top to bottom. White space is added to fit the images of the next row. You can display the image collection either with or without a white frame. (gutter)
The number of images that are shown is automatically adjusted to the available screen width.

Free high-resolution photos from UnplashContent unavailable! (broken link)https://jspwiki-vm1.apache.org/images/out.png.

• With gutter
• No gutter
• With Background
• With Caption

%%quilt  <links to images> /%

%%quilt.nogutter  <links to images> /%

%%quilt
  [{Image src='background image' class='bg'}]
  <links to images>
/%