Link to Specific Slide from Link


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.

Web Address Setting

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.

Web Address Setting

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!

Deal of the Week

Latest Updates

Latest Live Stream

Multistep Forms in Foundation 6 with Joshua Omilian

Latest Design

Subscribe

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

© 2025 Weavers Space | Terms of Service | Privacy Policy

HelpShelfHelpShelf