Using External Links

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.

If you want to see this as an example, download the MovingBox Project File (for RW 6 only) and look at the page called Navigation. You can see it previewed here.

Now, for a quick walk through on how to set up external links.

Set up the content for your slides in MovingBox. As mentioned above, Movingbox searches for headers first, so if you have them in your slides, that is good. If you do not, you are not out of luck either. If you have JUST images in your slider, be sure to set the Alt Text for each imaage, as MovingBox can read the Alt Text for the images and use that for links.

Once your content is set up. You can use anything for links, but for this example I am going to use buttons. Here is what I am have:

I have set up the 4 images in this project with the following alt text:

1. disc
2. girls
3. cycle
4. recognizer

So let's make links from the buttons to the images. First, click on the button and find the link button so you can set a link:

When you click that button, a link sheet will appear from the top of RapidWeaver. When this appears, you will want to set the URL to # and then you will need to choose what you are using. In my example, since I do not have a header stack in my slides, I have to use the alt text. So my URL is set to #disc. You also have to add a custom attribute. The attribute name should be Class and the value should be mb-slide like below:

Now repeat this with the remaining images and buttons, and your buttons will work to get you to your image.

Now preview your site and you should be able to click the buttons to go to different images. Hope you have enjoyed this tutorial. Now go forth and make your websites great!

Video Tutorial