Make a clickable slideshow with MovingBox 2


We have had a few requests lately asking for MovingBox to be a clickable gallery. Meaning, if you click on the image, it will bring the next image in the gallery. You can do this easily if you show more than one image, but it seemed a little harder to do it with just one image. Until now.

First, you need to turn on the Navigation Arrows. Most people do not want to use the arrows, but do not worry, we will make them disappear.

Next, you need to change the arrows from basic arrows to Arrow Blocks.

MovingBox Navigaiton Arrows Settings

Now you need to change the Opacity and the Disabled Opacity settings to 0% for both. This will hide the arrows so they can not be seen.

MovingBox Navigation Arrows Opacity Settings

This hides the arrows perfectly, but there is still one more step. You need to be sure the Arrow Blocks cover the image, so the user can click on the image and make the image change. To do this, look for the Block Size setting and change it to 50%. This way, if the user clicks on the left side, it scrolls to the left photo, and if they click on the right side, the image scrolls to the right photo.

MovingBox Navigation Arrows Block Size Setting

Now preview your page, you should e able to click on the left or right side of the image and have it change photos. Now go forth and make your websites great!

Deal of the Week

Latest Updates

Latest Live Stream

Safari Developer Tools in MacOS Sonoma

Latest Design

HANGOUTS

Next Hangout Session
Friday, March 21

Subscribe

For product releases and updates by email, please subscribe below.

© 2025 Weavers Space | Terms of Service | Privacy Policy

HelpShelfHelpShelf