Showroom Galleria Theme

A responsive widescreen slideshow theme for Galleria.io.

This Galleria Theme was designed to display rooms and rental properties for Roomify, a Drupal-based booking engine for Hotels, BnBs, and Vacation Rentals.

Demo

View the responsive demo.

Requirements

The showroom theme has been tested with Galleria 1.3.3 and is expected to work with the latest version as well.

Installation

• Download the latest version of Galleria and unzip somewhere in your website project. For Drupal projects, the extracted folder is usually placed at sites/all/libraries/galleria.
• Download the Showroom Theme and expand it in the themes folder inside Galleria.
• Read Galleria's documentation about using themes for further information.

Usage

The Galleria Showroom Theme is responsive out-of-the-box:

    <div id="galleria">
        <a><img ...></a>
        <a><img ...></a>
        <a><img ...></a>
    </div>

    <script>
    // Load the showroom theme
    Galleria.loadTheme('galleria.showroom.min.js');

    // Initialize Galleria
    Galleria.run('#galleria');
    </script>

The responsive resizing is controled by specifying an intrinsic aspect ratio in the CSS. The default aspect ratio, seen below, is set to the standard widescreen format of 16:9, with the following CSS rule:

.galleria-container:before {
    padding-bottom: 56.25%;
}

The aspect ratio may be adjusted to any value in your site's CSS. The formula to calculate the value to use for the padding-bottom is:

height / width * 100%;

Problems, Support, Feedback

Use the issue queue at Github to report feedback or file bugs. Pull requests are gladly welcome.

Credits

The Showroom theme for Galleria is a Bluespark production, designed by Rick Cecil, Rusty Segars, and James Wilson.