Home / Others / Expandable Image Gallery
Expandable Image Gallery

Expandable Image Gallery

Download Demo
  • Overview
  • Documents
User Rating: 3.7/5 ( 2 votes)
Your Rating:

Expandable Image Gallery is an image that expands on click, going full-width and turning into a gallery.

We often see the “2 blocks modules” design approach: 50% width image on one side, and text on the other. These modules can be used for an About us section, to explain product features, or, like in our example, for the product preview image and information sections.
Generally the user can’t interact with the image. But what if you want to show more than one picture? An option could be to fire a modal slideshow on click. CSS Transitions allow new UX solutions though. A new approach could be to expand the image, make it full-width by covering adjacent content and pushing down lower positioned content, and turning it into a full-width slideshow!

Source: codyhouse.co

Scroll To Top