
2 View
Stack from Shaking the Habitual












2 View is a modern image compare stack that allows users to see the difference between 2 related images.
2 View is an image compare stack that lets you sit one image over another and allows the user to 'reveal' the lower one by interacting with it. It is a really great way to show off before and after type pictures though there are various other uses for it too.
Some key features that set 2 View apart:
- Vertical mode: Have the reveal go top-to-bottom (as opposed to the default left-to-right)
- Responsive images: Option to supply different images for small and large devices
- Add content: Add any stacks content that you like on top of the images - e.g. a title and/or a button etc!
- Control the height: The default approach displays the full image but you can specify a maximum height whilst still having the image span the full width (see the 'Norway' example in the demo to see this in action)
- No jQuery: 2 View is based on a vanilla javascript library. No need for jQuery here!
Also available in our stack bundle: This stack is also available as part of our spectacular stack bundle deal. This offers every one of our stacks (plus Source / Source Addons) at a massively discounted price. Find out more.