- The reveal is a hover effect, so it only works on desktop.
- On mobile you choose whether to show or hide the images.
Overview
Hide and Seek Images is a Super Plugin from Ghost Plugins that hides an image behind a static one and reveals it when the visitor hovers, for a small hide and seek surprise. Each effect uses a pair of Image Blocks, one shown by default and one revealed on hover with a fade and optional expand. It is a one time $20 purchase with a multi-site licence, so you can use it on your own and client sites.
What you get
- The plugin code and a step by step install guide
- Settings you can adjust: hidden (static) image; revealed image on hover; hover fade transition speed; expand inner image on hover; hide or show on mobile
- Live demo on Ghost's Super Plugins demo site
- Multi-site licence for personal and client use
- Friendly support and free future updates
Who it suits
Playful portfolios, illustrators and brand sites that want visitors to interact with imagery rather than just scroll past it.
Honest limits
- Built for Squarespace 7.1.
- Installed through Custom CSS and Image Blocks.
- The reveal is a hover effect, so it only works on desktop.
- On mobile you choose whether to show or hide the images.
How it is delivered
Buy the plugin from Ghost Plugins for $20. You receive the code and a step by step install guide, then add it through Custom CSS and Image Blocks on your Squarespace site. Ghost lists the requirement as a Basic/Personal plan or higher. Ghost also sells Pro Access, a membership that unlocks this plugin and the rest of the Super Plugin library.
Related guide: Squarespace animation and effects plugins and the Squarespace plugins hub.
What you get: the plugin code with a step by step install guide; adjustable settings covering hidden (static) image; revealed image on hover; hover fade transition speed; expand inner image on hover; hide or show on mobile; a live demo; a multi-site licence; support and free future updates.
Who it suits: Playful portfolios, illustrators and brand sites that want visitors to interact with imagery rather than just scroll past it.
Honest limits: Built for Squarespace 7.1. Installed through Custom CSS and Image Blocks. The reveal is a hover effect, so it only works on desktop. On mobile you choose whether to show or hide the images.
How it is delivered: Buy the plugin from Ghost Plugins for $20. You receive the code and a step by step install guide, then add it through Custom CSS and Image Blocks on your Squarespace site. Ghost lists the requirement as a Basic/Personal plan or higher. Ghost also sells Pro Access, a membership that unlocks this plugin and the rest of the Super Plugin library.
- Hides an image behind a static one and reveals it when the visitor hovers, for a small hide and seek surprise
- Each effect uses a pair of Image Blocks, one shown by default and one revealed on hover with a fade and optional expand
Full specifications
Specifications
Each effect uses a pair of image blocks, one shown by default and one revealed on hover with a fade and optional expand
Revealed image on hover
Hover fade transition speed
Expand inner image on hover
Hide or show on mobile
Designers
Creative studios
On mobile you choose whether to show or hide the images.