MovingBox allows you to link to any slide within it from a link or from an external URL. Most sliders allow you to link to a slide via its slide number (#1, #2, etc). However, giving someone a URL to a slide that has a slide number in it, is somewhat useless. How is the person supposed to know what that URL is taking them to? We decided to make MovingBox do it better!
MovingBox searches for any headers (h1-h6) contained within a slide and uses that as the text for the link tag. If no headers are found, MovingBox will then search for images with alt tags set. It will use the alt tag text and the tag link if its found. Finally as a last resort, MovingBox will set the tag link for a slide to the slide number. In order for MovingBox to build the tag link, it will take the text that its found (either from headers or alt tag) and make it all lowercase. It will then replace all spaces with dashes.
As an example let's setup a link to the following slide.
The link to this slide will be #third-slide
. If we are setting up an internal link we would simply add the class mb-slide
to the link attributes.
Click on set link and you are good to go. The example above worked because MovingBox linked the header Third Slide and changed the link to third-slide. Now, if you wanted to link to this slide from a different page, you would need to use the URL to that page and at the end add a forward slash / and then #third-link
. You can see how this works by clicking on this link:
https://preview.joeworkman.net/movingbox/examples/gallery/#london-eye
If you would go to this page by clicking on the navigation of the website, the first image you will see is Yosemite, but by adding #london-eye
the first image that appears is the London Eye Ferris Wheel.
Now go forth and make your websites great!
© 2025 Weavers Space | Terms of Service | Privacy Policy