Change slides from external hyperlinks

Using the slider’s API, you can change to a specific slide by clicking a hyperlink outside the slider.

 

To get started, first identify your slider’s API identifier. This can be found in the slider’s main settings page.

In the following screenshot, “revapi1” is the slider’s API identifier.

settings-api

 

To setup a traditional hyperlink from the page/post’s content to load a specific slide in the slider, you can use the following hyperlink example format:

 

If you want to load a specific slide from one of your theme’s main menu items, from “WP Main Menu -> Appearance -> Menus”, and then from “Screen Options”:

screen-options

 

Click the “Enable Classes” option, and then save:

enable_classes

 

And then add a new menu item, using the “#” character as the url:

custom-menu-item

 

Then enter a custom class name for the new menu item. Whatever entered here will then get referenced in the JavaScript we’ll use to connect the main menu item to the slider’s API. For this example, we’ll use “slider-link” as the menu item’s class name.

slider-link

 

Next, let’s make the new menu item change the page’s main slider to slide #2. To do that, enter the following custom JavaScript to the slider’s Custom JavaScript section:

 

external-link-js