Gallery Examples

Curabitur aliquet quam id dui posuere blandit. Vivamus suscipit tortor eget felis porttitor volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Donec rutrum congue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Pellentesque in ipsum id orci porta dapibus. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Nulla porttitor accumsan tincidunt. Nulla porttitor accumsan tincidunt. Nulla porttitor accumsan tincidunt.

All images courtesy of unsplash.com. Video courtesy of the Blender Foundation.

Kittens in Cascading

The width is fixed at a set number of pixels for each image, while the height is scaled to keep image aspect ratio. Adjust width to change how many columns you get. Images are displayed in folder order by default.

Scenery in Slider

The slider is really a justified layout with a maximum of one row. A large size is recommended in order to fill the entire screen with one image. This gallery has the lightbox pop-up disabled and the order of the media randomized on page load.

Puppies in Justified

The height is fixed at a set number of pixels for each image, while the width scales to maintain the image's aspect ratio. Adjust height to change how tall each row is. Images are displayed in folder order by default.

Videos in Slider

These are some example videos from YouTube, Vimeo, DailyMotion and local mp4. Videos can be included in any gallery.