Click or tap the stack to shuffle through your images, one by one.
Deal Me In
STACKED PHOTO SHUFFLE
Add an interactive stack of photos to your Showit website. Visitors can click or tap the stack to shuffle through your images one by one.
WHAT YOU'LL NEED
3–6 images. For the most consistent look, use images with similar dimensions and aspect ratios.
HOW TO INSTALL
01 — UPLOAD YOUR IMAGES
Upload 3–6 images to your Showit Media Library.
02 — COPY THE IMAGE LINKS
Select each image in your Media Library and copy its image link.
03 — ADD YOUR LINKS TO THE CODE
Open the supplied code and find the CUSTOMIZE HERE section near the top.
Replace the existing image links inside: IMAGES
with the links you copied from Showit.
You can use 3, 4, 5, or 6 images. Simply delete any image links you don't need.
Keep the quotation marks and commas around your image links.
04 — CUSTOMIZE YOUR PHOTO STACK
In the same section, you can optionally change:
ROTATION — Controls how much the photos rotate within the stack.
STACK_OFFSET — Controls how much of the photos underneath can be seen.
SHUFFLE_DISTANCE — Controls how far the top photo moves when shuffled.
CORNER_RADIUS — Controls how rounded the photo corners are. Use 0 for square corners.
SHADOW_STRENGTH — Controls the strength of the shadow behind the photos.
You don't need to edit anything below NO EDITING NEEDED BELOW THIS LINE.
05 — ADD IT TO SHOWIT
Add an Embed Code box to your Showit canvas and paste the entire completed code into the box.
06 — SIZE YOUR PHOTO STACK
Resize and position the Embed Code box just like any other Showit element.
The images automatically fill the photo area and are centered within the stack.
07 — PREVIEW + TEST
Preview your site and click or tap the photo stack. The top photo will move to the back of the stack and reveal the next image.
Test both the desktop and mobile versions before publishing.
QUICK INFO
DIFFICULTY — Easy
REQUIRES — Embed Code + 3–6 images
MOBILE FRIENDLY — Yes
CODING KNOWLEDGE — Not required