• Register
Welcome to the in5 Answer Exchange! This a place to get answers about in5 (InDesign to HTML5) and make requests.
0 votes
I answered this question over email and I'm posting it here so that everyone can see it.

The question is how to link to a specific page using the Slider Page Format.
in how_to by (183k points)
    

1 Answer

0 votes
 
Best answer

Here's how you can jump to a specific page using the Slider. Attach the following code inside of a .js file using the Resources section of the in5 dialog:
sliderSettings = {hashTags:true};

That will add hash tags to the URL as the page changes. You can then link to specific pages using the hash tag, e.g. the following URL will link to page 2:
index.html#&panel1-2


Update: As of v3.3.6, enabling hashTags automatically connects to the browser navigation, so clicking the browser's back button will return you to the previous page.

To disable the browser navigation (i.e., treat the entire publication like a single page), the added JS should look like this:

sliderSettings = {hashTags:true, disableBrowserNav:true};

by (183k points)
edited by
Hi
I need this and I'm trying it, but something doesn't work because the direction changes at every page as expected
http://www.grupoasis.com.es/desarrollo/medios/pages/ , but it I try to enter, for example, at http://www.grupoasis.com.es/desarrollo/medios/pages/#&panel1-5 , and the page is empty.
That's an issue when this hashtag setting is mixed with lazy load, but it's fixed in the latest version:
http://ajarproductions.com/pages/products/in5/download.php
Ok, thanks.
I will not use it for now, because the the new version I have error messages with the animations.

What's the use of the Lazy load images option?
Lazy Load Images will only load images on the current page and neighboring pages, rather than loading all of the images in the document right away. Turning this option on can dramatically reduce the load time in the browser, especially for long documents.

Source: http://ajarproductions.com/pages/products/in5/help.php#advanced-rendering
Jump to new page in same window?
Hi Justin, is the first reference to sliderSettings = {hashTags:true}; still valid in the latest version of in5?
Yes, this hashTags setting still works in version 3.