The responsive image gallery is the default gallery layout for FooGallery. It comes in a dark and light theme and you can customize the hover effects and captions.
This is a basic but versatile gallery layout. the thumbnails for the gallery are all a standard size, the dimensions for which you can set in the general settings. You can add a border, outline or shadow to your thumbnails for a bit of variety.
Because the thumbs are a standard size, images are cropped to fit inside the thumb area. Pro users, however, can choose to not crop the images and fill the background space.
Below you can see two responsive galleries, one with the dark theme and one with the light theme.
Dark Theme
Barbed Wire Fence
Deserunt nobis orci commodi diam fuga hac natoque. Minim curabitur tenetur sint praesent posuere aliquid, earum minima proin earum cum dicta voluptatum at, assumenda iusto exercitationem ullam unde.
Car In A Field
Penatibus ullamcorper fermentum dapibus quisquam tristique dictum ab luctus tincidunt.
Truck Buried In Bush
Natoque adipiscing cupidatat duis repudiandae maiores ex natoque nam ipsa.
Sunrise Buildings
Repellendus parturient erat aliquet eligendi. Eligendi eaque volutpat omnis eos repudiandae aliquip sociosqu hendrerit, minima, taciti, ornare porro! Minim magnam.
Schoolyard Gas Cylinder
Etiam aliquip doloremque iste primis provident!
Rusty Truck Wreck
Pretium, accusantium pariatur similique rem pretium! Facere nonummy consequatur, tempus dignissimos nascetur urna bibendum.
Jetty On A Lake
Diam potenti cupiditate nesciunt tincidunt, accusantium hac, rem odit nonummy ac leo duis sequi, dolorem delectus fuga! Convallis dolores lobortis.
Wall Of Graffiti
Habitasse molestias. Corporis aenean laboris ad, molestiae! Aspernatur!
From Inside Building
Aliquip dignissimos, dictumst iaculis aspernatur ex, diamlorem inceptos platea inventore, conubia nulla.
Demolished Buildings
Pede congue ullamcorper! Placeat nonummy! Nisl error itaque erat lorem lobortis modi laborum aliquip?
Colourful Factory Skyline
Aperiam? Massa congue, convallis faucibus est, scelerisque nobis ultricies, magna. Volutpat!
A City Skyline
Consequuntur neque aut! Distinctio porro iusto, aspernatur aliquet, hac praesent? Aute elit, elementum debitis natus.
Light Theme
Barbed Wire Fence
Deserunt nobis orci commodi diam fuga hac natoque. Minim curabitur tenetur sint praesent posuere aliquid, earum minima proin earum cum dicta voluptatum at, assumenda iusto exercitationem ullam unde.
Car In A Field
Penatibus ullamcorper fermentum dapibus quisquam tristique dictum ab luctus tincidunt.
Truck Buried In Bush
Natoque adipiscing cupidatat duis repudiandae maiores ex natoque nam ipsa.
Sunrise Buildings
Repellendus parturient erat aliquet eligendi. Eligendi eaque volutpat omnis eos repudiandae aliquip sociosqu hendrerit, minima, taciti, ornare porro! Minim magnam.
Schoolyard Gas Cylinder
Etiam aliquip doloremque iste primis provident!
Rusty Truck Wreck
Pretium, accusantium pariatur similique rem pretium! Facere nonummy consequatur, tempus dignissimos nascetur urna bibendum.
Jetty On A Lake
Diam potenti cupiditate nesciunt tincidunt, accusantium hac, rem odit nonummy ac leo duis sequi, dolorem delectus fuga! Convallis dolores lobortis.
Wall Of Graffiti
Habitasse molestias. Corporis aenean laboris ad, molestiae! Aspernatur!
From Inside Building
Aliquip dignissimos, dictumst iaculis aspernatur ex, diamlorem inceptos platea inventore, conubia nulla.
Demolished Buildings
Pede congue ullamcorper! Placeat nonummy! Nisl error itaque erat lorem lobortis modi laborum aliquip?
Colourful Factory Skyline
Aperiam? Massa congue, convallis faucibus est, scelerisque nobis ultricies, magna. Volutpat!
A City Skyline
Consequuntur neque aut! Distinctio porro iusto, aspernatur aliquet, hac praesent? Aute elit, elementum debitis natus.
Customize Your Responsive Image Gallery
There are so many ways to customize your responsive image gallery to make it look perfect for your brand or company. You can change almost every aspect including:
- Thumbnail size
- Lightbox
- Spacing (between 5px – 25px, or none)
- Alignment (left, centre, right)
- Theme (dark, light or custom)
- Border Size (none, thin, medium, thick)
- Rounded Corners (none, small, medium, large, full)
- Drop Shadow (none, outline, small, medium, large)
- Inner Shadow (none, small, medium, large)
- Loading Icon (6 options, or none)
- Loaded Effect (fade-in or none)
- Hover Effect – Theme (dark or light)
- Hover Effect – Color Effect (none, colorize, greyscale)
- Hover Effect – Scaling Effect (none, scaled, zoomed)
- Hover Effect – Caption Visibility (none, on hover, always visible)
- Hover Effect – Transition (instant, fade, slide, push)
- Hover Effect – Icon (7 options or none)